Node.js快遞取不到css和js文件

Question

這是我的 main.ts 文件我無法獲得我的 css 和 js 文件在這里輸入圖像描述

import express from 'express';
import {Request,Response} from 'express';
import expressSession from 'express-session';
import path from 'path';

const app = express();


// set session 
app.use(expressSession({
    resave:true,
    saveUninitialized:true
}));

// teach the server to go to the main page//
app.get("/", (req: Request, res: Response) => {
  res.sendFile(path.resolve(__dirname, "../frontend/public/index.html"));
});



app.use(express.static('public'))

const PORT = 8080;

app.listen(PORT, () => {
    console.log(`Listening at http://localhost:${PORT}/`);
});

這是我的文件結構在這里輸入圖像描述這里是我的 html 文件在這里輸入圖像描述

Answer 1

首先，您不應該在公共論壇上發布應用程序機密。 其次，你能發布你的 index.html 文件嗎？ 它可能錯誤地加載了 JS 和 CSS 文件。 第三，您可以在一行中從 package 導入 default 和 class 導出。 改變

import express from 'express';
import {Request,Response} from 'express';

到

import express, { Request, Response } from 'express';

Answer 2

從屏幕截圖看來，您的公用文件夾是空的。 您似乎在前端文件夾中有 index.html 和其他文件，而不是在公共文件夾中。 您的 index.js 和您的 index.html 處於同一級別。 因此，如果您從 index.js 文件中解析路徑，則路徑無法正確解析

您從哪個文件解析路徑？ 來自 index.js 還是 main.ts？