问题描述
所以我正在尝试构建一个简单的待办事项应用程序,但是当我尝试使用一些 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>