Laravel Vue项目执行npm run dev报MODULE_NOT_FOUND的解决方法

问题分析 #

从你提供的错误信息和package.json配置来看，核心问题非常明确：你的项目未安装laravel-mix依赖，但npm run dev命令却在引用它的Webpack配置文件，这直接触发了MODULE_NOT_FOUND错误。另外，你的依赖列表还存在版本冲突、冗余依赖的问题，这些也可能加重报错情况。

分步解决方案 #

1. 彻底清理旧依赖与缓存 #

先清除可能损坏的依赖包和缓存，避免残留问题干扰后续操作：

# 删除node_modules文件夹
rm -rf node_modules
# 删除package-lock.json（若使用yarn则删除yarn.lock）
rm package-lock.json
# 清理npm缓存
npm cache clean --force

2. 安装缺失的Laravel Mix #

这是解决当前错误的关键步骤，因为你的dev命令明确指向了laravel-mix/setup/webpack.config.js，但项目中并未安装该依赖：

npm install laravel-mix --save-dev

3. 修复依赖版本冲突与冗余 #

查看你的package.json，存在几个明显的问题需要调整：

• sass-loader同时在devDependencies和dependencies中存在不同版本（^7.3.1和7.1.0），建议删除dependencies中的该包，保留devDependencies里的版本
• 同时存在旧版babel-preset-env和新版@babel/preset-env，移除旧版的babel-preset-env，只保留@babel/preset-env
• 若你仅做Vue开发，可以考虑移除react相关依赖，减少不必要的版本冲突

调整完package.json后，运行自动修复命令处理其他兼容问题：

npm audit fix

4. 重新安装所有依赖 #

完成上述调整后，重新安装全部依赖：

npm install

5. 测试运行dev命令 #

现在执行npm run dev，应该就能正常编译项目了：

npm run dev

额外提示 #

如果仍遇到问题，可以尝试创建一个全新的Laravel+Vue项目，对比它的package.json配置，逐步调整现有项目的依赖，这样更容易定位版本兼容类问题。

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