获取 http://localhost:8000/Stack/script.js net:: Err_Aborted 404 / Django 项目

如何解决获取 http://localhost:8000/Stack/script.js net:: Err_Aborted 404 / Django 项目

所以我正在尝试构建一个简单的待办事项应用程序，但是当我尝试使用一些 javascript 来制作主页时，我收到了上面详述的错误（获取 http://localhost:8000/Stack/script.js）。 js 网络:: Err_Aborted 404 ）。我不明白我做错了什么，因为这是我第一次尝试在我的 Django 项目中使用 javascript。下面是我的代码

settings.py

INSTALLED_APPS = [
    "django.contrib.admin","django.contrib.auth","django.contrib.contenttypes","django.contrib.sessions","django.contrib.messages","django.contrib.staticfiles","Stack.apps.StackConfig","crispy_forms",]

STATIC_URL = "/static/"
STATICFILES_Dirs = (os.path.join(BASE_DIR,"static"),)
STATIC_ROOT = os.path.join(BASE_DIR,"staticfiles")
CRISPY_TEMPLATE_PACK = "bootstrap4"

base.py

<!DOCTYPE html>
{% load static %}

<html lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
      <!-- Bootstrap CSS -->
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

      <link rel="stylesheet" type="text/css" href="{% static 'Stack/styles.css' %}">

    <title>Stack | Home </title>
</head>
<body>
{%block content%}
{%endblock content%}

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJfdroafW" crossorigin="anonymous"></script>

<script src="Stack/script.js" ></script>

如果我需要上传更多代码来帮助解决这个问题，请告诉我。谢谢大家。

解决方法

404 错误意味着无法找到您的脚本。我建议使用 {% static ... %} 模板标签如下：

<script src="{% static 'Stack/script.js' %}"></script>