Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t在django中将传单js文件链接到我的html_Javascript_Html_Django_Leaflet - Fatal编程技术网

Javascript Can';t在django中将传单js文件链接到我的html

Javascript Can';t在django中将传单js文件链接到我的html,javascript,html,django,leaflet,Javascript,Html,Django,Leaflet,我是一个新手,刚刚用Django创建了我的第一个地图应用程序。这是一个很棒的程序,但我只是想改变我地图的样式。我正在从中绘图,但是我在将js文件与HTML链接时遇到了问题。我从来没有将JS连接到HTML,特别是在Django中(不确定它是否有区别)。但我将返回40424/Aug/2020 12:19:16]“GET/static/js/传单-providers.js HTTP/1.1”404 1695 我已经将js文件存储在一个名为static的文件夹中,这是基于我读到的一些好的实践(如果这不是

我是一个新手,刚刚用Django创建了我的第一个地图应用程序。这是一个很棒的程序,但我只是想改变我地图的样式。我正在从中绘图,但是我在将js文件与HTML链接时遇到了问题。我从来没有将JS连接到HTML,特别是在Django中(不确定它是否有区别)。但我将返回404
24/Aug/2020 12:19:16]“GET/static/js/传单-providers.js HTTP/1.1”404 1695

我已经将js文件存储在一个名为static的文件夹中,这是基于我读到的一些好的实践(如果这不是一个好的实践,请告诉我!)

我的相关代码块如下所示:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Anybody</title>
        <!---leaflet css --->
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
           integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
           crossorigin=""/>

        <!---leaflet JS -->
        <!-- Make sure you put this AFTER Leaflet's CSS -->
        <script src="http://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script>
        <script src="static/js/leaflet-providers.js"/> </script>

任何人

看起来您需要连接静态文件。将此项添加到您的设置中(如果尚未添加):

然后将
{%load static%}
添加到HTML文件的顶部。然后,您可以使用以下工具获取静态文件:

<script src="{% static 'js/leaflet-providers.js' %}"> </script>

<script src="{% static 'js/leaflet-providers.js' %}"> </script>