Question

使用此模板 https://github.com/secondtruth/startmin 现场工作演示： http://secondtruth.github.io/startmin

当在Web浏览器中本地打开文件时，该文件工作正常，但是当我用烧瓶启动它时，它不会加载下载菜单的java脚本。静态文件夹中的所有css和js文件加载200OK

火狐控制台在通过烧瓶进入时打印出来。

错误：未找到图形容器元素morris.min.js：6：1340

以下是我的文件： home.html的

 <title>Startmin - Bootstrap Admin Theme</title>

 <!-- Bootstrap Core CSS -->
 <link href="/static/css/bootstrap.min.css" rel="stylesheet">

 <!-- MetisMenu CSS -->
 <link href="/static/css/metisMenu.min.css" rel="stylesheet">

 <!-- Timeline CSS -->
 <link href="/static/css/timeline.css" rel="stylesheet">

 <!-- Custom CSS -->
 <link href="/static/css/startmin.css" rel="stylesheet">

 <!-- Morris Charts CSS -->
 <link href="/static/css/morris.css" rel="stylesheet">

 <!-- Custom Fonts -->
 <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">

 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 <![endif]-->
</head>
<body>
<div id="wrapper">
{% include 'includes/_navbar.html' %}  

{% include 'includes/_sidebar.html' %} 

 <div class="starter-template">
{% include 'includes/_messages.html' %}
{% block body %}{% endblock %}
 </div>



 <!-- /#footer -->
 {% include 'includes/_footer.html' %}
 <!-- /#footer -->

 <!-- /#wrapper -->

 <!-- jQuery -->
 <script src="/static/js/jquery.min.js"></script>

 <!-- Bootstrap Core JavaScript -->
 <script src="/static/js/bootstrap.min.js"></script>

 <!-- Metis Menu Plugin JavaScript -->
 <script src="/static/js/metisMenu.min.js"></script>

 <!-- Morris Charts JavaScript -->
 <script src="/static/js/raphael.min.js"></script>
 <script src="/static/js/morris.min.js"></script>
 <script src="/static/js/morris-data.js"></script>

 <!-- Custom Theme JavaScript -->
 <script src="/static/js/startmin.js"></script>

</body> </html>

Answer 1

当我用烧瓶开始时，它没有为下拉菜单加载java脚本

那是因为你没有加载popper.js，这是在Bootstrap 4中弹出或下拉的所有内容所必需的。

说到Bootstrap 4，你要链接的模板（即现场演示）正在使用Bootstrap v3.3.2，这超出了Bootstrap的恐龙时代版本。目前的Bootstrap 3版本是Bootstrap v3.3.7和Bootstrap 3，一般来说，它与Bootstrap 4完全不兼容。（这些与卡车不同于跑车不同）

javascript没有加载管理模板在烧瓶中

1 个答案: