我正在尝试创建一个HTML页面，其外观应与以下闪亮的应用类似
library(shiny)
library(shinydashboard)
ui <- dashboardPage(
skin = "purple",dashboardheader(),dashboardSidebar(),dashboardBody()
)
server <- function(input,output) { }
shinyApp(ui,server)
我使用Ctrl + u查看页面源代码，复制了代码，还复制了来自github的源代码，这些源代码对应于闪亮和闪亮的仪表板软件包。 修复了css和js文件的路径后，HTML代码如下所示：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/shiny-singletons"></script>
<script type="application/html-dependencies">
json2[2014.02.04];jquery[3.4.1];shiny[1.4.0.2];font-awesome[5.3.1];bootstrap[3.4.1];AdminLTE[2.0.6];shinydashboard[0.7.1]
</script>
<script src="shared/json2-min.js"></script>
<script src="shared/jquery.min.js"></script>
<link href="shared/shiny.css" rel="stylesheet" />
<script src="shared/shiny.min.js"></script>
<link href="shared/font-awesome/css/all.min.css" rel="stylesheet" />
<link href="shared/font-awesome/css/v4-shims.min.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link href="shared/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="shared/bootstrap/js/bootstrap.min.js"></script>
<script src="shared/bootstrap/shim/html5shiv.min.js"></script>
<script src="shared/bootstrap/shim/respond.min.js"></script>
<link href="shinydashboard/AdminLTE/AdminLTE.min.css" rel="stylesheet" />
<link href="shinydashboard/AdminLTE/_all-skins.min.css" rel="stylesheet" />
<link href="shinydashboard/AdminLTE/app.min.js" rel="stylesheet" />
<link href="shinydashboard/shinydashboard.css" rel="stylesheet" />
<script src="shinydashboard/shinydashboard.min.js"></script>
</head>
<body class="skin-purple" style="min-height: 611px;">
<div class="wrapper">
<header class="main-header">
<span class="logo"></span>
<nav class="navbar navbar-static-top" role="navigation">
<span style="display:none;">
<i class="fa fa-bars"></i>
</span>
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav"></ul>
</div>
</nav>
</header>
<aside id="sidebarCollapsed" class="main-sidebar" data-collapsed="false">
<section id="sidebarItemExpanded" class="sidebar"></section>
</aside>
<div class="content-wrapper">
<section class="content"></section>
</div>
</div>
</body>
</html>
但是，它没有按预期呈现。输出是不透明的，并且侧栏切换不起作用。 link中提供了具有依赖性的代码。 可能是什么原因？ 我将感谢建议找出原因。