簡體   English   中英

無法在 django 中將傳單 js 文件鏈接到我的 html

[英]Can't link leaflet js file to my html in django

我是傳單的新手,剛剛使用 Django 創建了我的第一個地圖應用程序。 這是一個很棒的程序,但我只是想改變我的地圖風格。 我正在從這個驚人的資源中進行繪制,但是我無法將 js 文件與 HTML 鏈接起來。 我從來沒有將 JS 連接到 HTML,特別是在 Django 中(不確定它是否有區別)。 但我返回24/Aug/2020 12:19:16] "GET /static/js/leaflet-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>

看起來您需要連接靜態文件。 將此添加到您的設置中(如果您還沒有):

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),]
STATIC_URL = '/static/'

然后將{% load static %}添加到 HTML 文件的頂部。 然后,您可以通過以下方式獲取靜態文件:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM