Échec du chargement de la ressource: le serveur a répondu avec un statut de 404 (Non Trouvé) https://websitename.herokuapp.com/js/bootstrap.js

Je suis à court d'un node.js serveur sur heroku à l'aide de la express.js cadre.

Voici ce que mon serveur ressemble:

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/static'));
var port = process.env.PORT || 8000;

app.listen(port);

Mon index.html fichier a la suite de liens javascript:

<script src="/js/chartview.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/js/bootstrap-select.js"></script>

Mon répertoire système ressemble à ceci:

server.js
/static
    -index.html
    -/js
        -bootstrap.js
        -bootstrap-select.js
        -chartview.js
    -/css
        -bootstrap.css
        -bootstrap-select.css
        -styles.css

Chrome affiche ma page html avec le css appropriée dans les styles, mais la console dit:

Failed to load resource: the server responded with a status of 404 (Not Found)   https://websitename.herokuapp.com/js/chartview.js
Failed to load resource: the server responded with a status of 404 (Not Found)   https://websitename.herokuapp.com/js/bootstrap.js
Failed to load resource: the server responded with a status of 404 (Not Found)   https://websitename.herokuapp.com/js/bootstrap-select.js

Il charge correctement lorsque je change de index.html balises pour ressembler à ceci:

<script src="chartview.js"></script>
<script src="bootstrap.js"></script>
<script src="bootstrap-select.js"></script>

Et j'ai changer mon répertoire systèmes à ressembler à ceci:

server.js
/static
    -index.html
    -bootstrap.js
    -bootstrap-select.js
    -chartview.js
    -/css
        -bootstrap.css
        -bootstrap-select.css
        -styles.css

Ce n'est pas l'Idéal, je souhaiterais avoir un dossier /js.

Toutes les suggestions seront grandement appréciés!

Regardez de plus près à l'url, /js est absent de https://websitename.herokuapp.com/chartview.js etc . . .
ce qui arrive lorsque vous accédez à l'url manuellement, encore 404?
en tapant websitename.herokuapp.com/js/chartview.js en chrome affiche "Impossible d'OBTENIR /js/chartview.js" dans le navigateur.
Sont le répertoire et les permissions de fichiers (css, js et html)?
Yup. tenletters

OriginalL'auteur atasca10 | 2014-12-12

  1. 12

    À partir de la console d'erreur, https://websitename.herokuapp.com/js/chartview.js, le fichier n'est pas enregistré statique dossier.

    Changez votre index.html pour inclure des scripts de ce genre.

    <script src="js/chartview.js"></script> je.e supprimer / depuis le début. comme le chemin est relatif index.html.

    Suivez la même procédure pour les autres trois fichiers.

    Aussi, vous avez mentionné que les fichiers CSS sont chargés correctement. Pouvez-vous montrer comment êtes-vous exactement, y compris ceux des fichiers css? j'.e le chemin d'accès pour le css.

    Commentaire ici, si cela ne fonctionne pas.

    Honnêtement, je pensais que j'avais déjà essayé, mais je n'ai encore et il fonctionne. Je vous remercie.

    OriginalL'auteur Aniket Sinha

  2. 1

    Essayez de Placer vos fichiers dans le dossier public et de l'utilisation du chemin comme ceci""

    OriginalL'auteur MacInnis

  3. -1

    N'utilisez pas "__dirname"
    Uniquement à l'aide de 

    app.use(express.static('static'));
    Cela ne résout pas mon problème mais merci pour l'astuce

    OriginalL'auteur Arthur Zhang