404 error for CSS file in Flask Application

Question

I am unable to find exact path of .css file in my flask app. Following is relevant code

layout.html

<!DOCTYPE html>
<html>
<head>
    <title>An App</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <div id="container">
        <div id="heading"><h3>App</h3></div>
        {% block content %}{% endblock %}
    </div>
</body>
</html>


+app
  +static
    style.css
+templates
__init__.py
forms.py
models.py
views.py
db_repository
.gitignore
app.db
config.py
db_create.py

The one with + sign are folders

Update:

I tried this in __init__.py, same result

from flask import Flask
from flask.ext.sqlalchemy import SQLAlchemy
import os
app = Flask(__name__)
app.config.from_object('config')
app._static_folder = os.path.abspath("static/style.css")
print os.path.abspath(app._static_folder)
db = SQLAlchemy(app)

from app import views, models

The link http://127.0.0.1:5000/static/style.css gives 404 error

try adding the path when u create the app,app._static_folder = <path_to_static_directory> — sk11
– sk11, Commented Nov 7, 2014 at 7:36

minboost · Accepted Answer · 2014-11-07 07:35:46Z

11

Static should be on the same level as templates, not under app. Have you tried that?

answered Nov 7, 2014 at 7:35

minboost

2,5631 gold badge15 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Volatil3 Over a year ago

You were right. I did not notice static one was out of app folder thus different from templates

Xavi · Accepted Answer · 2014-11-07 11:59:16Z

9

I you want to change the route to the static asset's folder you could do:

app = Flask(__name__, static_folder='app/static')

check this here

answered Nov 7, 2014 at 11:59

Xavi

1891 silver badge4 bronze badges

Collectives™ on Stack Overflow

404 error for CSS file in Flask Application

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related