Laravel执行npm run watch后出现manifest.js未定义索引错误

嘿，我来帮你搞定这个头疼的问题！你遇到的情况其实是Laravel Mix版本差异导致的，咱们一步步拆解：

问题根源 #

你的项目应该是基于较老版本的Laravel Mix（比如Mix 4.x及以前）开发的，这类版本默认会把第三方依赖单独打包成vendor.js，同时生成manifest.js来管理模块加载逻辑。但如果你本地安装的是Mix 5.x+（对应Laravel 8及以上版本），它的默认配置已经改成了把所有依赖直接合并到app.js里，不再单独生成manifest.js和vendor.js了。这就导致你编译后mix-manifest.json里没了这两个文件，视图里的引用自然就找不到了。

两种解决方案 #

方案1：适配新版Mix（推荐）

既然新版Mix已经把依赖合并到app.js中，直接修改你的index.blade.php，移除对manifest.js和vendor.js的引用，只保留app.js和app.css的引用就行。这样既符合新版Mix的规范，也能避免后续的版本兼容问题。

方案2：保留旧版的拆分结构

如果你不想改动视图代码，想继续生成manifest.js和vendor.js，可以修改webpack.mix.js配置，手动开启依赖拆分：

// webpack.mix.js
const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
   .extract(['vue', 'axios', 'lodash']) // 这里填入你项目实际用到的第三方依赖包
   .sass('resources/sass/app.scss', 'public/css');

执行npm run dev或npm run watch后，Mix就会重新生成manifest.js、vendor.js和app.js，mix-manifest.json里也会恢复对应的条目，视图里的引用就能正常工作了。

额外排查点 #

• 先检查package.json里的laravel-mix版本，确认是不是版本不匹配导致的问题；
• 如果还是异常，可以尝试删除node_modules、package-lock.json和public/mix-manifest.json，然后重新执行npm install和npm run dev，清除缓存后再编译。

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