External JavaScript file is not getting added when running on Flask

Question

I have an HTML file named showMap.html:

Answer 1

I experience the same issue, for stylesheet, the URL_FOR works but for javascript. I had to write

<script type="text/javascript" src="static/map.js"/>

It worked for me

Answer 2

I want to add to Martijn's answer, that you have to link your js file exactly like this:

<script type="text/javascript" src="{{ url_for('static', filename='map.js') }}"></script>

and not like this:

<script type="text/javascript" src="{{ url_for('static', filename='map.js') }}"/>

Answer 3

Step 1: Create folder with name static on project root

Step 2: Add static files in static folder

Step 3 Add in template

<script type="text/javascript" src="{{ url_for('static', filename = 'hello.js') }}"></script>

Answer 4

Serve the map.js file as a static resource:

• move the file to a static/ subdirectory of your package

• generate a static URL for it in a Jinja2 template like so:

   <script type="text/javascript"
           src="{{ url_for('static', filename='map.js') }}"></script>
  

The filename parameter takes a relative path; you can use subdirectories was needed.