前提
djangoで無料テンプレートをダウンロードし使おうとしているのですがCSSファイルを上手く読み込めず文字が並ぶだけのサイトとなってしまっています
サイトのコンソールを開くとこのようなエラーがいくつも出てきます
Failed to load resource: bootstrap.min.css'%%7D:1 net::ERR_FILE_NOT_FOUND
三日ほどこの問題に悩まされております、、
何か気づいたことありましたらお教えいただけますと幸いです
下のソースコードは必要そうな場所のみ載せております
実現したいこと
無料テンプレートファイルを表示できるようにしたいです
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
django ,python
<!DOCTYPE html> {% load static %} <html lang="ja"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>BizLand Bootstrap Template - Index</title> <meta content="" name="description"> <meta content="" name="keywords"> <!-- Favicons --> <link href="{ % static 'assets/img/favicon.png'%}" rel="icon"> <link href="{ % static 'assets/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|Roboto: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 'assets/vendor/aos/aos.css'%}" rel="stylesheet"> <link href="{% static 'assets/vendor/bootstrap/css/bootstrap.min.css'%}" rel="stylesheet"> <link href="{% static 'assets/vendor/bootstrap-icons/bootstrap-icons.css'%}" rel="stylesheet"> <link href="{% static 'assets/vendor/box icons/css/box icons.min.css'%}" rel="stylesheet"> <link href="{% static 'assets/vendor/listbox/css/listbox.min.css'%}" rel="stylesheet"> <link href="{% static 'assets/vendor/swiper/swiper-bundle.min.css'%}" rel="stylesheet"> <!-- Template Main CSS File --> <link href="{ %static 'css/style.css'%}" rel="stylesheet"> </head> <body> <!-- Vendor JS Files --> <script src="{% static 'assets/vendor/pure-counter/pure-counter_vanilla.js'%}"></script> <script src="{% static 'assets/vendor/aos/aos.js'%}"></script> <script src="{% static 'assets/vendor/bootstrap/js/bootstrap.bundle.min.js'%}"></script> <script src="{% static 'assets/vendor/listbox/js/listbox.min.js'%}"></script> <script src="{% static 'assets/vendor/isotope-layout/isotope.pkgd.min.js'%}"></script> <script src="{% static 'assets/vendor/swiper/swiper-bundle.min.js'%}"></script> <script src="{% static 'assets/vendor/waypoints/framework.waypoints.js'%}"></script> <script src="{% static 'assets/vendor/php-email-form/validate.js'%}"></script> <!-- Template Main JS File --> <script src="{ % static 'assets/js/main.js'%}"></script> </body> </html>
matching_ep/urls.py
python
1from django.urls import path 2 3from . import views 4 5app_name = "matching_ep"6urlpatterns = [7 path('', views.IndexView.as_view(), name="index"),8]
matching/settings.py
python
1from django.contrib import admin 2from django.urls import path, include 3 4urlpatterns = [5 path('admin/', admin.site.urls),6 path("", include('matching_ep.urls')),7]8
matching/setting.py
python
1DEBUG = True2 3ALLOWED_HOSTS = []4 5# Application definition6 7INSTALLED_APPS = [8 'django.contrib.admin',9 'django.contrib.auth',10 'django.contrib.contenttypes',11 'django.contrib.sessions',12 'django.contrib.messages',13 'django.contrib.staticfiles',14 'matching_ep.apps.MatchingEpConfig'15]16STATIC_URL = 'static/'17STATICFILES_DIRS = (18 os.path.join(BASE_DIR, "static"),19 20)
ファイルの構成.
vscode
matching
-init.py
--asgi.py
--settings.py
--urls.py
--wsgi.py
matching_ep
--migrations
--templates
------index.html
--init.py
--admin.py
--apps.py
--models.py
--tests.py
--urls.py
--views.py
static
--assets
-----img
-----js
-----scss
-----vendor
--css
--forms
見づらくなってしまい申し訳ございません
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
0 コメント