React运行compile脚本提示src不存在的问题求助

1. 回到项目根目录执行命令 #

你之前在public或src目录执行命令是错误的，必须回到包含package.json的项目根目录，再运行npm run compile。npm脚本需要读取根目录的package.json才能识别本地依赖的位置。

2. 安装正确的Babel依赖 #

当前Babel 7+版本使用@babel前缀的包，旧版babel-cli已被弃用。请安装本地开发依赖：

npm install --save-dev @babel/core @babel/cli @babel/preset-react

（因为是MERN栈项目，@babel/preset-react用于编译React的JSX语法）

3. 添加Babel配置文件 #

在项目根目录创建babel.config.json文件，配置React编译预设：

{
  "presets": ["@babel/preset-react"]
}

如果习惯用旧格式，创建.babelrc文件也可以，内容和上面一致。

4. 确认package.json脚本格式 #

确保你的compile脚本正确写在scripts字段下：

{
  "scripts": {
    "compile": "babel src --out-dir public"
  }
}

5. 重新执行编译 #

回到项目根目录，运行：

npm run compile

额外排查方案 #

如果仍报错，可以尝试：

• 检查src目录下的文件（比如App.js）是否存在语法错误
• 清空依赖后重新安装：

rm -rf node_modules package-lock.json
npm install

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