flask can not read static path and load Javascript files

Question

my app structure is

project/
       configuration/__init__.py
       core/
       static
             /app
                 /css
                 /img
                 /js/app.js
                 /lib/angular/angular.js
                 /partials
             index.html

My file configuration/__init__.py has something as

# setting up template directory
TEMPLATE_DIR = os.path.join(os.path.dirname(os.path.abspath(__file__)), '../static/app')

app = Flask(__name__, template_folder=TEMPLATE_DIR, static_folder=TEMPLATE_DIR)

When I load the page localhost/index.html, I see javascript error as

GET http://127.0.0.1:5000/js/app.js 404 (NOT FOUND) home:8
GET http://127.0.0.1:5000/lib/angular/angular.js 404 (NOT FOUND) home:8

Even though I know that these files are there, I guess that static_folder is not able to find these files, what am I doing wrong here

daydreamer · Accepted Answer · 2013-04-21 06:20:03Z

5

I fixed it by putting relative urls in index.html

configuration/_init_.py

# setting up template directory
ASSETS_DIR = os.path.join(os.path.dirname(os.path.abspath(__file__)), '../static/app')

app = Flask(__name__, template_folder=ASSETS_DIR, static_folder=ASSETS_DIR)

index.html

  <script src="../app/lib/angular/angular.js"></script>
  <script src="../app/js/app.js"></script>

answered Apr 21, 2013 at 6:20

daydreamer

92.9k204 gold badges477 silver badges754 bronze badges

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

Collectives™ on Stack Overflow

flask can not read static path and load Javascript files

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related