Javascript 未捕获合成错误：使用带烧瓶的传单时出现意外标记_Javascript_Html_Css

Javascript 未捕获合成错误：使用带烧瓶的传单时出现意外标记

javascript html css

Javascript 未捕获合成错误：使用带烧瓶的传单时出现意外标记,javascript,html,css,Javascript,Html,Css,我已经添加了所有必需的脚本，config.js有我的API_密钥，但是它一直告诉我“Uncaught SyntaxError:Unexpected token”。我已经多次检查了我的API密钥，它似乎是正确的这是我的python文件 app.route("/") def index(): """Return the homepage.""" return render_template("index.html", cities=cities, aqi=aqi, CO=CO, N

我已经添加了所有必需的脚本，config.js有我的API_密钥，但是它一直告诉我“Uncaught SyntaxError:Unexpected token”。我已经多次检查了我的API密钥，它似乎是正确的

这是我的python文件

app.route("/")
def index():
    """Return the homepage."""
    return render_template("index.html", cities=cities, aqi=aqi, CO=CO, NO2=NO2, SO2=SO2, PM25=pm25)


if __name__ == "__main__":
    app.run()

城市、aqi等。。。是我正在发送到index.html的列表

index.html：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Air-Quality</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/style.css">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.css"></script>

    <!-- My on scrape for lists -->

    <!-- Sending lists to JS from python -->
    <script>
        var cities = {{cities|tojson}};
        var aqi = {{aqi|tojson}};
        var CO = {{CO|tojson}};
        var NO2 = {{NO2|tojson}};
        var SO2 = {{SO2|tojson}};
        var PM25 = {{PM25|tojson}};
    </script>
</head>

<body>
    <div class="text-center main globe">
    </div>

文件路径都是正确的。我很好奇我做错了什么。提前谢谢

完全错误：

leaflet.css:3 Uncaught SyntaxError: Unexpected token .
leaflet.js:5 Uncaught Error: Map container not found.
    at i._initContainer (leaflet.js:5)
    at initialize (leaflet.js:5)
    at new i (leaflet.js:5)
    at Object.t.map (leaflet.js:5)
    at draw_globe.js:3

注意错误。它说意外的标记出现在第3行的

传单.css

中。这里的问题是，您试图将CSS文件作为javascript加载。那是行不通的。您需要用

标记指示样式表。因此，不是：

你应该做：

请注意，URL以

.css

结尾，而不是

.js

（这就是为什么需要以这种方式包含它）。以

.js

结尾的内容应该使用

标记包含，就像您使用

您可以发布完整的stacktrace。根据我的理解，stack trace是完整的错误消息。我已经编辑过了。哦，所有的css都用链接标签连接，js用脚本标签连接？是的，这是正确的。您也可以从CSS中导入

@import

来导入CSS文件，但只需坚持使用

。

leaflet.css:3 Uncaught SyntaxError: Unexpected token .
leaflet.js:5 Uncaught Error: Map container not found.
    at i._initContainer (leaflet.js:5)
    at initialize (leaflet.js:5)
    at new i (leaflet.js:5)
    at Object.t.map (leaflet.js:5)
    at draw_globe.js:3