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

【问题标题】：javascript not loading with admin template in flaskjavascript 没有在烧瓶中加载管理模板
【发布时间】：2018-02-02 21:45:32
【问题描述】：

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

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

通过烧瓶访问时，火狐控制台打印出来。

错误：找不到图表容器元素 morris.min.js:6:1340

这是我的文件：主页.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>

【问题讨论】：

标签： jquery html css flask bootstrap-4

【解决方案1】：

当我用烧瓶启动它时，它不会加载 下拉菜单
的 java 脚本

那是因为你没有加载在 Bootstrap 4 中弹出或下拉的所有东西都需要的 popper.js。

说到 Bootstrap 4，您链接到的模板（即现场演示）使用的是 Bootstrap v3.3.2，它超出了 Bootstrap 的恐龙时代版本。当前的 Bootstrap 3 版本是 Bootstrap v3.3.7，而 Bootstrap 3 总体上与 Bootstrap 4 完全不兼容。（它们的区别就像卡车和跑车一样）

【讨论】：