时间戳

首页 > 解决方案 > 烧瓶应用程序中的javascript文件未加载

javascript - 烧瓶应用程序中的javascript文件未加载

问题描述

我有一个 javascript 文件，我想在使用烧瓶时包含在 HTML 中。js 文件似乎已加载，但未执行。我确实将 javascript 文件添加到文件夹“static/js”中，并像在许多地方建议的那样加载它。但是，启动应用程序时控制台是空的。有任何想法吗？

应用程序.py

from flask import Flask, render_template
app = Flask(__name__)
 
@app.route('/')
def index():
    return render_template('index.html')
  
if __name__ == '__main__':
    app.run(debug=True)

索引.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
    <script src="{{ url_for('static', filename='js/test.js') }}"></script>
</body>
</html>

静态/js/test.js

console.log('Test')

标签： javascriptpythonhtmlflask

解决方案

尝试在模板中type='text/javascript'为标签添加属性scriptindex.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
    <script type='text/javascript' src="{{ url_for('static', filename='js/test.js') }}"></script>
</body>
</html>

推荐阅读