javascript - 使用 Flask 从目录中获取 leaflet.js 和 leaflet.css 时，传单 map 未出现

Question

下面的代码尝试读取存储在 static/leaflet/package/dist/中的我的 leaflet.js 和 leaflet.css 文件

静态文件夹与我的 flask app.py 代码位于同一目录中。模板位于模板文件夹中。以下代码来 self 的 home.html 模板。

出于某种原因，如果我为我的 leaflet.js 和 leaflet.css 代码使用 url 源，则 map 可以完美运行。一旦我尝试从目录获取我的脚本，我的 map 就会中断。我认为这是因为我没有正确整合我的 url_for。它也可能会进一步搞砸，因为我正在使用模板继承。

在此先感谢您的帮助!

{% extends "base.html" %}

{% block header %}
<link rel="stylesheet" href="{{url_for('static', filename='leaflet/package/dist/leaflet.css')}}">
<script src="{{url_for('static', filename='leafleat/package/dist/leaflet.js')}}"></script>
<style>
    #map{ width: 100%; height: 100%; }
</style>
{% endblock %}

编辑:

这些是我从服务器返回的 HTTP 状态代码。这让它看起来好像唯一没有获得的是我的 leaflet.js 脚本。

127.0.0.1 - - [2019 年 10 月 4 日 16:17:01] “GET/HTTP/1.1” 200 -

127.0.0.1 - - [2019 年 10 月 4 日 16:17:01] “GET/static/leaflet/package/dist/leaflet.css HTTP/1.1” 200 -

127.0.0.1 - - [2019 年 10 月 4 日 16:17:01] “GET/static/leafleat/package/dist/leaflet.js HTTP/1.1” 404 -

127.0.0.1 - - [2019 年 10 月 4 日 16:17:01] “GET/static/favicon.ico HTTP/1.1” 200 -

Answer 1

修复它。我在 leaflet.js 行中拼错了传单。留下这个，以防任何人在任何时候需要传单和 flask 方面的帮助。