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

Question

所以我正在尝试构建一个简单的待办事项应用程序，但是当我尝试与一些 javascript 一起制作主页时，我收到了上面详述的错误（获取 http://localhost: 8000/Stack/script.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>

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

Answer 1

404 错误表示找不到您的脚本。我建议使用 {% static ... %} 模板标签如下：

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

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

Get http://localhost:8000/Stack/script.js net:: Err_Aborted 404 / Django project

javascript

django

static

get