即使在创建“static”目录并更改HTML文件中的<link>和<script>标记后，仍无法加载CSS和Javascript

顺晟科技

2021-07-20 10:51:14

210

目前正在尝试学习Flask，我正在尝试路由到一个HTML文件，该文件从样式表加载一些CSS，从。js文件加载一些Javacript。HTML、CSS和JS文件来自我以前参与的前端项目，所以我最初只是将这些文件复制到目录中。当失败时，我做了一些研究，发现我需要创建一个静态文件夹，并更改链接到样式表和脚本的方式。但是，这仍然不起作用。

烧瓶片段:

@app.route('/landing')
def landingPage():
    return render_template("index.html")

HTML代码段(index.html):

<head>
  ...
  <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles.css') }}">
  <script src="{{ url_for('static',filename='app.js') }}" defer> </script>
</head>

根目录包含app.py（Flask文件）、子目录模板（包含index.html）和子目录static（包含styles.css和app.js.

在控制台中，由于无法用源代码127.0.0.1:5000/static/app.js加载脚本而出现错误。有趣的是，该文件被称为landing.html，而不是index.html，但我认为这与我的问题没有任何关系（如果我错了，请让我知道）。

提前谢谢您，

顺晟科技：

上一篇：从Vue的parseHTML方法分析下一篇：COMO puedo listar

网站建设

Html

即使在创建“static”目录并更改HTML文件中的<link>和<script>标记后，仍无法加载CSS和Javascript