如何修复Angular+Node.js项目中的ENOENT文件不存在错误？

排查步骤及解决方案 #

1. 确认脚本运行目录是否正确 #

在index.js开头添加日志，查看__dirname的实际值：

console.log(`当前脚本目录: ${__dirname}`);

运行node index.js后，对比输出的路径和你的项目根目录是否一致。如果index.js不在项目根目录（比如放在了server子文件夹），那么path.join(__dirname, 'dist')会指向错误的位置，需要调整路径为path.join(__dirname, '../dist')这类相对根目录的路径。

2. 检查Angular构建后的dist目录结构 #

Angular CLI构建后，默认会在dist文件夹下生成一个以项目名为名称的子文件夹，比如dist/PrulifeUK_Southern_Jade/index.html，而非直接在dist根目录。如果是这种情况，你的路径需要修改为指向该子文件夹：

// 修改dist路径指向项目子文件夹
const distFolder = path.join(__dirname, 'dist/PrulifeUK_Southern_Jade');
app.use(express.static(distFolder));

app.get('*', (req, res) => {
  res.sendFile(path.join(distFolder, 'index.html'));
});

3. 用path.resolve替代path.join尝试 #

path.resolve会将路径解析为绝对路径，有时候比path.join更可靠，修改代码如下：

const distPath = path.resolve(__dirname, 'dist');
app.use(express.static(distPath));

app.get('/', (req, res) => {
  res.sendFile(path.resolve(distPath, 'index.html'));
});

4. 核对文件名和权限 #

• 确认dist文件夹下的文件确实是index.html（注意大小写，Windows虽然不区分，但构建工具可能生成异常文件名）
• 检查dist文件夹及index.html的读取权限，确保Node进程有权限访问该文件

修改后的完整示例代码 #

const express = require('express');
const path = require('path');
const app = express();

// 打印当前目录用于排查
console.log(`当前脚本目录: ${__dirname}`);
// 替换为实际的index.html所在路径
const distPath = path.join(__dirname, 'dist/PrulifeUK_Southern_Jade');

app.use(express.static(distPath));

// 匹配所有路由，返回index.html（适配Angular单页应用路由）
app.get('*', (req, res) => {
  res.sendFile(path.join(distPath, 'index.html'));
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

内容的提问来源于stack exchange，提问作者Moonimits Eclipse