web-dev-qa-db-fra.com

Le fichier javascript externe n'est pas ajouté lorsqu'il est exécuté sur un flacon

J'ai un fichier HTML nommé showMap.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Map</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">              
</script>
<script type="text/javascript" src="js/map.js"></script>
</head>
<body onload="showPosition()">
<div id="map_canvas" style="width:500px;height:500px;"></div>
</body>
</html>

Et un autre fichier javascript, map.js, est placé dans le dossier js du même répertoire. Ce code fonctionne correctement lorsque le fichier html est chargé. Fin de la programmation. Et ce qui est amusant, c’est que la même chose fonctionnera bien si j’élargis le code javascript dans le fichier html. Le seul problème est le fichier externe.

javascriptpythonflaskexternal
37
Tony

Servir le fichier map.js en tant que ressource statique :

  • déplacez le fichier dans un sous-répertoire static/ de votre paquet

  • générer une URL statique dans un modèle Jinja2 comme ceci:

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

Étape 1: Créez un dossier avec le nom static à la racine du projet.

Étape 2: Ajouter des fichiers statiques dans un dossier statique

Étape 3 Ajouter un modèle 

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

Je rencontre le même problème, pour stylesheet, l'URL_FOR fonctionne mais pour javascript . Je devais écrire

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

Ça a fonctionné pour moi

0
Muyinda Rogers