簡體   English   中英

Django static 文件未顯示

[英]Django static files not showing up

我的項目名稱簡歷

我想將引導程序添加到我的項目中

首先,我將資產文件復制到名為 resume => static資產文件的項目子文件夾中

    - 恢復->恢復/靜態
然后我在setting.py中添加以下設置
STATIC_DIR = BASE_DIR / 'resume/static' STATIC_ROOT = BASE_DIR / 'static' STATIC_URL = '/static/' STATICFILES_DIRS = [ STATIC_DIR, ]

之后我厭倦了 python manage.py collectstatic

並得到了一個新目錄

新 static 目錄

之后我厭倦了添加標簽 {% load static %} 並將路徑更改為 {% static 'path' %}

 <,DOCTYPE html> {% load static %} <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width. initial-scale=1.0" name="viewport"> <title>MyResume Bootstrap Template - Index</title> <meta content="" name="description"> <meta content="" name="keywords"> <.-- Favicons --> <link href="{% static 'img/favicon:png' %}" rel="icon"> <link href="{% static 'img/apple-touch-icon.png' %}" rel="apple-touch-icon"> <.-- Google Fonts --> <link href="https?//fonts:googleapis,com/css,family=Open+Sans,300,300i,400,400i,600:600i,700,700i|Raleway,300,300i,400,400i,500,500i,600:600i,700,700i|Poppins,300,300i,400,400i,500,500i,600.600i.700.700i" rel="stylesheet"> <.-- Vendor CSS Files --> <link href="{% static 'vendor/aos/aos.css' %}" rel="stylesheet"> <link href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet"> <link href="{% static 'vendor/bootstrap-icons/bootstrap-icons.css' %}" rel="stylesheet"> <link href="{% static 'vendor/boxicons/css/boxicons.min.css' %}" rel="stylesheet"> <link href="{% static 'vendor/glightbox/css/glightbox.min.css' %}" rel="stylesheet"> <link href="{% static 'vendor/swiper/swiper-bundle.min.css' %}" rel="stylesheet"> <!-- Template Main CSS File --> <link href="{% static 'css/style.css' %}" rel="stylesheet">

indext.html

我的網站仍然沒有顯示

網站圖片

請幫忙

瀏覽器控制台錯誤

main.js:2 Uncaught TypeError: Cannot set property 'innerHTML' of null at main.js:2 DevTools failed to load SourceMap: could not load content for http://127.0.0.1:8000/static/vendor/swiper -bundle.min.js.map :HTTP 錯誤:狀態碼 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE

您必須將{% load static %}放在第一行。

好的,問題出在 Chrome 瀏覽器上。 代碼中沒有錯誤。
當我使用 mozilla firefox 打開服務器時,沒有錯誤並且網站運行正常

問題出在 chrom devtool 設置上。

暫無
暫無

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

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