在Express中呈现静态HTML页面

Question

在Express App中呈现HTML页面 我正在尝试从公共目录在路由“ /”上呈现mainPage.html，但它显示错误。 这是app.js代码。

const express = require('express');
const app = express();
app.use(express.static(`${__dirname}/public`));
app.get('/' , (req,res) => {
res.status(200).sendFile(`${__dirname}/mainPage.html`);
})
module.exports = app;

这是server.js代码。

const app = require('./app');
const port=8000;
app.listen(port, () => {
console.log(`Listening to port ${port}`);
})

但是当我更改为

res.status(200).sendFile(`${__dirname}/public/mainPage.html`);

工作正常。 app.js server.js和/ public在同一目录中。 我被困住了。请帮忙。