express cssはインデックスページのみを表示します

Question

何らかの理由で私のWebアプリケーションはインデックスファイルにcssをロードします。また、静的なbodyおよびhtml要素もindex.handlebarsページにのみスタイルされます。私はCSSの場所、hrefリンクなどを変更しようとしましたが、何も機能しませんでした。 だから私のapp.jsファイルには、この

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}`); 
}); 

ファイルツリーのようなものになります。

-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 

とヘッドリンクは次のとおりです。

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

Answer 1

あなたはこのようなサブパスにしている場合/ users /users/css/main.cssにあるCSSを探します。

CSSパスの前に '/'を追加して常にベースパスからスタイルシートを参照してください。

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

Answer 2

問題を修正している、あなたに感謝し、とにかく ...自分自身を行くとハングI`llすぎ