J'ai du mal à faire en sorte que mon navigateur affiche le css de l'application que je crée. J'ai regardé la même question posée par d'autres utilisateurs mais je n'ai trouvé aucune des réponses pour m'aider dans ma situation. Quand je suis arrivé à la page, tout ce qui est affiché est "Hello world" sans style même si la feuille de style est liée. Lorsque j'inspecte la page, j'obtiens l'erreur:

Impossible de charger la ressource: le serveur a répondu avec un état de 404 (introuvable)

Voici la structure de mon application

.
./public 
     /css
       /main.css
./routes
     /index.js
./views
     /index.html
./server.js

Server.js:

const express = require('express');
const app = express();
const port = process.env.PORT || 8080;

app.use(express.static(__dirname + '/public')); 
const router = require('./routes/index.js');
app.use('/',router);

app.listen(port);

console.log('connected to port: ' + port);

Index.html

<!DOCTYPE html>
<html>
<head>
<link href="../public/css/main.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

</head>
 <body>
    <p>Hello World!</p>
 </body>

Index.js

var express = require('express');
var path = require('path');
var router = express.Router();
module.exports = router;

router.get('/', function(req,res){
res.sendFile(path.join(__dirname,'../views/index.html'));
});
3
Aric Peters 27 nov. 2017 à 21:41

3 réponses

Meilleure réponse

Vous avez défini le répertoire public dans l'application root / public

app.use(express.static(__dirname + '/public')); 

Vous devez donc utiliser:

./css/main.css
2
Honsa Stunna 27 nov. 2017 à 19:19

Utilisez le code suivant: -

../css/main.css

Remarque: "../" est un raccourci pour "Le répertoire contenant" ou "Up one directory".

Si vous ne connaissez pas le dossier précédent, ce sera très utile.

4
Arun J 24 mai 2018 à 17:20

J'utilise firebase-database dans l'inscription html mais la dernière erreur que je ne peux pas comprendre si quelqu'un sait me le dire. l'erreur est "Échec du chargement de la ressource: le serveur a répondu avec un état de 404 ()"

-1
nouman shahid 25 nov. 2019 à 17:17
47517703