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 réponses
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
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.
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 ()"
Questions connexes
De nouvelles questions
html
HTML (HyperText Markup Language) est le langage de balisage pour créer des pages Web et d'autres informations à afficher dans un navigateur Web. Les questions concernant le HTML doivent inclure un exemple reproductible minimal et une idée de ce que vous essayez d'accomplir. Cette balise est rarement utilisée seule et est souvent associée à [CSS] et [javascript].