Adarsha B.G
Reputation: 132
Static files not loading
url inside main 'mySite' directory
urlpatterns = [
path('admin/', admin.site.urls),
path('coming-soon/', include('comingSoon.urls')),
]
url inside comingSoon app directory
urlpatterns = [
path("", views.index, name="coming-Soon")
]
views.index inside comingSoon app
def index(request):
return render(request, 'comingSoon/coming-soon.html')
inside template "coming-soon.html'
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>My Website</title>
<link rel="icon" href="images/fav.png" type="image/png" sizes="16x16">
{% load static %}
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/main.min.css' %}">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<link rel="stylesheet" href="{% static 'css/color.css' %}">
<link rel="stylesheet" href="{% static 'css/responsive.css' %}">
</head>
<body>
<div class="theme-layout">
<div class="gap2 mate-black medium-opacity vh100">
<div class="bg-image" style="background-image:url(images/resources/coming-soon-bg.jpg);"></div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="coming-head">
<div class="logo">
<a href="index.html" title=""><img src="images/logo.png" alt=""></a>
</div>
<ul class="social-circle ">
<li><a class="facebook-color" href="#" title=""><i class="fa fa-facebook"></i></a></li>
<li><a class="twitter-color" href="#" title=""><i class="fa fa-twitter"></i></a></li>
<li><a class="google-color" href="#" title=""><i class="fa fa-google-plus"></i></a></li>
<li><a class="vk-color" href="#" title=""><i class="fa fa-vk"></i></a></li>
</ul>
</div>
<div class="coming-meta">
<h1>We're Coming!</h1>
<p>We are working hard to bring you new experience</p>
<ul class="countdown">
<li><span class="days">00</span><p class="days_ref"></p></li>
<li> <span class="hours">00</span><p class="hours_ref"></p></li>
<li> <span class="minutes">00</span><p class="minutes_ref"></p></li>
<li> <span class="seconds">00</span><p class="seconds_ref"></p></li>
</ul>
<form method="post">
<input type="text" placeholder="Submit inquiry...">
<button type="submit"><i class="fa fa-arrow-right"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="{% static 'js/main.min.js' %}"></script>
<script src="{% static 'js/downCount.js' %}"></script>
<script src="{% static 'js/script.js' %}"></script>
</body>
</html>
at this point if I try to run, its loading with html but failed to load css and js
Folder Structure - 1
mySite.com
|-- mySite // django project directory
| |-- mySite // app directory
| | |-- __init__.py
| | |-- wsgi.py
| | |-- urls.py
| | |-- asgi.py
| | |-- setting.py
| |
| |-- comingSoon // comingsoon app
| | |-- migrations
| | |-- __init__.py
| | |-- admin.py
| | |-- apps.py
| | |-- models.py
| | |-- tests.py
| | |-- urls.py
| | |-- views.py
| |
| |-- static // static files intentionally placing outside app directory (***but not loading***)
| | |-- css
| | |-- js
| | |-- images
| | |-- fonts
| |
| |-- templates // templates folder for base templates.
| | |-- base1.html
| | |-- base2.html
| | |-- comingSoon // comingSoon directory
| | | |-- coming-soon.html // html file - this is loading
I have done few modification like i have added an app called 'audio' and created a static folder inside it and now if i access my static folder its working fine. But i want to access by keeping static files as like in Folder Structure - 1
mySite.com
|-- mySite // django project directory
| |-- mySite // app directory
| | |-- __init__.py
| | |-- wsgi.py
| | |-- urls.py
| | |-- asgi.py
| | |-- setting.py
| |
| |-- audio // Audio app
| | |-- migrations
| | |-- static
| | | |-- audio
| | | |-- css
| | | |-- js
| | |-- __init__.py
| | |-- admin.py
| | |-- apps.py
| | |-- models.py
| | |-- tests.py
| | |-- urls.py
| | |-- views.py
| |
| |-- comingSoon // comingsoon app
| | |-- migrations
| | |-- __init__.py
| | |-- admin.py
| | |-- apps.py
| | |-- models.py
| | |-- tests.py
| | |-- urls.py
| | |-- views.py
| |
| |-- static // static files intentionally placing outside app directory (***but not loading***)
| | |-- css
| | |-- js
| | |-- images
| | |-- fonts
| |
| |-- templates // templates folder for base templates.
| | |-- base1.html
| | |-- base2.html
| | |-- comingSoon // comingSoon directory
| | | |-- coming-soon.html // html file - this is loading
STATIC at settings.py - Updated
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
not finding the actual mistake/s after several attempts
errors what i am getting is as follows
[02/Jun/2020 02:28:05] "GET /coming-soon/ HTTP/1.1" 200 2555
[02/Jun/2020 02:28:05] "GET /static/css/main.min.css HTTP/1.1" 404 1672
[02/Jun/2020 02:28:05] "GET /static/css/color.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:05] "GET /static/css/responsive.css HTTP/1.1" 404 1678
[02/Jun/2020 02:28:05] "GET /static/css/style.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:05] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:28:05] "GET /static/main.min.js HTTP/1.1" 404 1657
Not Found: /coming-soon/images/logo.png
[02/Jun/2020 02:28:05] "GET /coming-soon/images/logo.png HTTP/1.1" 404 3713
[02/Jun/2020 02:28:05] "GET /static/js/script.js HTTP/1.1" 404 1660
Not Found: /coming-soon/images/resources/coming-soon-bg.jpg
[02/Jun/2020 02:28:05] "GET /coming-soon/images/resources/coming-soon-bg.jpg HTTP/1.1" 404 3773
[02/Jun/2020 02:28:05] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:28:05] "GET /static/js/script.js HTTP/1.1" 404 1660
[02/Jun/2020 02:28:06] "GET /coming-soon/ HTTP/1.1" 200 2555
[02/Jun/2020 02:28:06] "GET /static/css/main.min.css HTTP/1.1" 404 1672
[02/Jun/2020 02:28:06] "GET /static/main.min.js HTTP/1.1" 404 1657
[02/Jun/2020 02:28:06] "GET /static/css/style.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:06] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:28:06] "GET /static/css/responsive.css HTTP/1.1" 404 1678
[02/Jun/2020 02:28:06] "GET /static/css/color.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:06] "GET /static/js/script.js HTTP/1.1" 404 1660
Not Found: /coming-soon/images/logo.png
[02/Jun/2020 02:28:06] "GET /coming-soon/images/logo.png HTTP/1.1" 404 3713
Not Found: /coming-soon/images/resources/coming-soon-bg.jpg
[02/Jun/2020 02:28:06] "GET /coming-soon/images/resources/coming-soon-bg.jpg HTTP/1.1" 404 3773
[02/Jun/2020 02:28:06] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:28:06] "GET /static/js/script.js HTTP/1.1" 404 1660
[02/Jun/2020 02:28:07] "GET /coming-soon/ HTTP/1.1" 200 2555
[02/Jun/2020 02:28:07] "GET /static/css/responsive.css HTTP/1.1" 404 1678
[02/Jun/2020 02:28:07] "GET /static/css/style.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:07] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:28:07] "GET /static/main.min.js HTTP/1.1" 404 1657
[02/Jun/2020 02:28:07] "GET /static/css/main.min.css HTTP/1.1" 404 1672
[02/Jun/2020 02:28:07] "GET /static/css/color.css HTTP/1.1" 404 1663
Not Found: /coming-soon/images/logo.png
[02/Jun/2020 02:28:07] "GET /static/js/script.js HTTP/1.1" 404 1660
[02/Jun/2020 02:28:07] "GET /coming-soon/images/logo.png HTTP/1.1" 404 3713
[02/Jun/2020 02:28:07] "GET /static/js/downCount.js HTTP/1.1" 404 1669
Not Found: /coming-soon/images/resources/coming-soon-bg.jpg
[02/Jun/2020 02:28:07] "GET /coming-soon/images/resources/coming-soon-bg.jpg HTTP/1.1" 404 3773
[02/Jun/2020 02:28:07] "GET /static/js/script.js HTTP/1.1" 404 1660
[02/Jun/2020 02:28:07] "GET /coming-soon/ HTTP/1.1" 200 2555
[02/Jun/2020 02:28:07] "GET /static/css/style.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:07] "GET /static/css/responsive.css HTTP/1.1" 404 1678
[02/Jun/2020 02:28:07] "GET /static/css/main.min.css HTTP/1.1" 404 1672
[02/Jun/2020 02:28:07] "GET /static/css/color.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:07] "GET /static/main.min.js HTTP/1.1" 404 1657
[02/Jun/2020 02:28:07] "GET /static/js/downCount.js HTTP/1.1" 404 1669
Not Found: /coming-soon/images/logo.png
[02/Jun/2020 02:28:07] "GET /coming-soon/images/logo.png HTTP/1.1" 404 3713
[02/Jun/2020 02:28:07] "GET /static/js/script.js HTTP/1.1" 404 1660
Not Found: /coming-soon/images/resources/coming-soon-bg.jpg
[02/Jun/2020 02:28:07] "GET /coming-soon/images/resources/coming-soon-bg.jpg HTTP/1.1" 404 3773
[02/Jun/2020 02:28:07] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:28:07] "GET /static/js/script.js HTTP/1.1" 404 1660
[02/Jun/2020 02:28:08] "GET /coming-soon/ HTTP/1.1" 200 2555
[02/Jun/2020 02:28:08] "GET /static/css/style.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:08] "GET /static/css/main.min.css HTTP/1.1" 404 1672
[02/Jun/2020 02:28:08] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:28:08] "GET /static/css/color.css HTTP/1.1" 404 1663
[02/Jun/2020 02:28:08] "GET /static/css/responsive.css HTTP/1.1" 404 1678
[02/Jun/2020 02:28:08] "GET /static/main.min.js HTTP/1.1" 404 1657
[02/Jun/2020 02:28:08] "GET /static/js/script.js HTTP/1.1" 404 1660
Not Found: /coming-soon/images/resources/coming-soon-bg.jpg
[02/Jun/2020 02:28:08] "GET /coming-soon/images/resources/coming-soon-bg.jpg HTTP/1.1" 404 3773
Not Found: /coming-soon/images/logo.png
[02/Jun/2020 02:28:08] "GET /coming-soon/images/logo.png HTTP/1.1" 404 3713
[02/Jun/2020 02:28:08] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:28:08] "GET /static/js/script.js HTTP/1.1" 404 1660
[02/Jun/2020 02:32:34] "GET /coming-soon/ HTTP/1.1" 200 2555
[02/Jun/2020 02:32:34] "GET /static/css/color.css HTTP/1.1" 404 1663
[02/Jun/2020 02:32:34] "GET /static/main.min.js HTTP/1.1" 404 1657
[02/Jun/2020 02:32:34] "GET /static/css/responsive.css HTTP/1.1" 404 1678
[02/Jun/2020 02:32:34] "GET /static/js/downCount.js HTTP/1.1" 404 1669
[02/Jun/2020 02:32:34] "GET /static/css/main.min.css HTTP/1.1" 404 1672
[02/Jun/2020 02:32:34] "GET /static/css/style.css HTTP/1.1" 404 1663
[02/Jun/2020 02:32:34] "GET /static/js/script.js HTTP/1.1" 404 1660
Not Found: /coming-soon/images/logo.png
[02/Jun/2020 02:32:34] "GET /coming-soon/images/logo.png HTTP/1.1" 404 3713
[02/Jun/2020 02:32:34] "GET /static/js/downCount.js HTTP/1.1" 404 1669
Not Found: /coming-soon/images/resources/coming-soon-bg.jpg
[02/Jun/2020 02:32:34] "GET /coming-soon/images/resources/coming-soon-bg.jpg HTTP/1.1" 404 3773
[02/Jun/2020 02:32:34] "GET /static/js/script.js HTTP/1.1" 404 1660
Upvotes: 1
Views: 3925
Answers (2)
JSRB
Reputation: 2613
Changing your STATICFILES_DIRS to
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
should do the trick.
In your html there is also a % missing to close the static tag:
<script src="{% static 'js/script.js' %}"></script>
And run py manage.py collectstatic
Upvotes: 1
arnab das
Reputation: 135
Change the STATICFILES_DIRS
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
Upvotes: 0
Related Questions
- Why static files are not loading? | Django
- Static files not loading [DJANGO]
- Static files are not loading in Django
- Problem with loading static files on Django
- Django unable to load static files
- Django static files won't load
- Django Serving Static Files not loading
- Django : static files not loading
- Django; cannot load static files
- Django. Statics not loading