Django静态文件未显示答案

【问题标题】：Django static files not showing upDjango静态文件未显示
【发布时间】：2021-05-30 23:17:13
【问题描述】：

我的项目名称简历

我想将引导程序添加到我的项目中

首先我将资产文件复制到名为 resume => static assests files 的项目子文件夹中

- 恢复->恢复/静态然后我在设置 .py 中添加以下设置

STATIC_DIR = BASE_DIR / 'resume/static'

STATIC_ROOT = BASE_DIR / 'static'
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    STATIC_DIR,
]

之后我厌倦了 python manage.py collectstatic

得到一个新目录

new static directory

之后我厌倦了添加标签 {% 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

我的网站仍然没有显示

website image

请帮忙

浏览器控制台错误

main.js:2 未捕获的类型错误：无法将属性“innerHTML”设置为 null 在 main.js:2 DevTools 未能加载 SourceMap：无法加载 http://127.0.0.1:8000/static/vendor/swiper/swiper-bundle.min.js.map 的内容：HTTP 错误：状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE

【问题讨论】：

您是否将静态 url 添加到您的 urlpatterns 中？检查文档中的Serving static files during development
我试过了。还是一样什么都没有出现
请将代码的图片替换为文本中的代码，将文件夹结构描述为文本。请指定您在尝试访问这些 URL 时收到的错误消息/http 状态。
stackoverflow.com/help/how-to-ask
那么，没有 404 错误（不需要地图文件）？尝试修复这个然后main.js:2 Uncaught TypeError: Cannot set property 'innerHTML' of null at main.js:2

标签： python django django-staticfiles

【解决方案1】：

您必须将{% load static %} 放在第一行。

【讨论】：

不如尝试将静态文件夹移动到另一个地方
试过了。网页上仍然没有任何内容，也没有出现错误
对不起，我帮不了你

【解决方案2】：

好的，问题出在 Chrome 浏览器上。代码中没有错误。
当我用 mozilla firefox 打开服务器时，没有错误并且网站运行良好

问题在于 chrom devtool 设置。

【讨论】：