使用这个模板 https://github.com/secondtruth/startmin 现场工作演示在这里: http://secondtruth.github.io/startmin
当在 Web 浏览器中本地打开该文件时，该文件可以完美运行，但是当我使用 Flask 启动它时，它不会加载用于下拉菜单的 Java 脚本。 静态文件夹中的所有 css 和 js 文件加载 200OK
通过 flask 访问时打印出 Fire fox 控制台。
Error: Graph container element not found 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>
最佳答案
when i start it with flask it doesn't load the java script for drop down menus
那是因为您没有加载在 Bootstrap 4 中弹出或下拉的所有内容所需的 popper.js。
谈到 Bootstrap 4，您链接到的模板(即现场演示)使用的是 Bootstrap v3.3.2，它超越了 Bootstrap 的恐龙时代版本。当前的 Bootstrap 3 版本是 Bootstrap v3.3.7，总的来说，Bootstrap 3 与 Bootstrap 4 完全不兼容。(它们的区别就像卡车与跑车的区别一样)
关于jquery - javascript 没有在 flask 中加载管理模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48591278/