React前后端分离项目启动出现MODULE_NOT_FOUND错误

核心问题 #

你的前端项目（recipe-book-app）的package.json里的start脚本配置错误，当前命令试图在前端目录下寻找后端文件，但后端实际在上级目录，导致路径匹配失败。

解决方案 #

1. 修正前端项目的启动脚本 #

打开recipe/recipe-book-app/package.json，找到scripts字段下的start命令，将错误的启动命令改回React项目默认的启动脚本：

"scripts": {
  "start": "react-scripts start",
  // 其余脚本保持原有配置即可
}

2. 分终端正确启动前后端 #

• 启动后端服务：打开第一个终端，进入后端项目目录执行启动命令：

  cd C:\Users\sasha\Desktop\recipe\recipe-book-backend
  npm start
  

• 启动前端应用：打开第二个终端，进入前端项目目录执行启动命令：

  cd C:\Users\sasha\Desktop\recipe\recipe-book-app
  npm start
  

补充说明 #

如果你的后端项目package.json尚未配置start脚本，需要先在recipe/recipe-book-backend/package.json中添加：

"scripts": {
  "start": "node index.js",
  // 其他脚本可按需添加
}

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