Expressions css express uniquement sur les pages d'index

Question

Pour une raison quelconque, mon application Web ne charge que les fichiers css sur les index, même les éléments statiques et html ne sont stylisés que sur les pages index.handlebars. J'ai essayé de changer l'emplacement de css, le lien de href etc., mais rien n'a fonctionné. donc mon dossier app.js ressemble à quelque chose comme ça

const express = require('express'); 
//Other Consts 
const path = require('path'); 

const app = express(); 
// Load Routes 
const tasks = require('./routes/tasks'); 
const users = require('./routes/users'); 
const points = require('./routes/points') 


// Public folder path 
app.use(express.static(path.join(__dirname, 'public'))); 


//Index Route 
app.get('/', (req, res) => { 
    res.render('index') 
}); 
//About Route 
app.get('/about', (req, res) => { 
    res.render('about') 
}); 

// Use routes 
app.use('/tasks', tasks); 
app.use('/users', users); 
app.use('/points', points); 

const port = 4000; 
app.listen(port,'0.0.0.0', function(){ 
    console.log(`Server started on ${port}`); 
}); 

arbre du fichier:

-public 
    -css 
    -main.css 
    -img 
-views 
    -layouts 
    -main.handlebars <- css shows 
    -users 
    -login.handlebars <- css doesnt shows 
    -register.handlebars <- css doesnt show 
    -tasks 
    -index.handlebars <- css shows 
    -add.handlebars <- css doesnt show 
    -edit.handlebars <- css doesnt show 
    -users 
    -index.handlebars <- css shows 
    -add.handlebars <- css doesnt show 
    -edit.handlebars <- css doesnt show 
-routes 
    -tasks.js 
    -routes.js 
    -users.js 
-app.js 

Et le lien de tête est:

<link rel="stylesheet" href="css/main.css"> 

Answer 1

Si vous êtes dans un sous-chemin, comme/users alors il va essayer de trouver le css dans /users/css/main.css

Ajouter un '/' devant votre chemin CSS vers toujours se référer à votre feuille de style à partir du chemin de base.

<link rel="stylesheet" href="/css/main.css">

Answer 2

Essayez @import url("File Address"); dans la balise d'en-tête trop