Vue项目npm run serve，命令行面板报错404s will fallback to /index.html，首页无法加载

最新推荐文章于 2024-07-25 10:12:57 发布

想要吐泡泡的鱼

最新推荐文章于 2024-07-25 10:12:57 发布

阅读量3.8k

点赞数

文章标签： vue.js npm html

本文链接：https://blog.youkuaiyun.com/weixin_46190955/article/details/128542915

版权

在开发Vue项目时，遇到npminstall后提示的安全漏洞问题，并在运行npmrunserve时遭遇loaderContext.getResolveisnotafunction的错误。起初怀疑是less-loader或webpack版本问题，尝试更换版本未果。后来通过执行npmauditfix修复安全漏洞，成功解决了问题，项目顺利启动。此过程强调了解决问题时需仔细分析错误信息，避免盲目更换依赖版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

```javascript
Vue + ant design Vue +Webpack
项目install成功，但是最后出现如下提示：

found 133 vulnerabilities (3 low, 73 moderate, 52 high, 5 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

我并没有在意，随记运行npm run serve,即将成功时命令行工具出现报错如下：

i ｢wds｣: webpack output is served from /bu/
i ｢wds｣: Content not from webpack is served from C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\public
i ｢wds｣: 404s will fallback to /index.html
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 50% building modules 334/343 modules 9 active …s\cdc-vue\cdc-vue-bu\src\store\
index.js(node:14884) UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
    at createWebpackLessPlugin (C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\node_modules\less-loader\dist\utils.js:36:33)
    at getLessOptions (C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\node_modules\less-loader\dist\utils.js:153:33)
    at Object.lessLoader (C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\node_modules\less-loader\dist\index.js:31:49)
    at LOADER_EXECUTION (C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\node_modules\loader-runner\lib\LoaderRunner.js:119:14)

以为是less-loader版本问题，或者webpack版本问题，但是切换版本后仍然一直报错，尝试各种方法无果，我都差点以为是电脑配置的问题
最后灵机一动，想到了install成功时的提示，然后又仔细看了后，运行了其中建议的命令:
npm audit fix 
结束后运行项目的启动命令：
npm  run serve
终于成功啦，啦啦啦

注意：这个解决过程耗费了我6个小时，主要因为被错误提示干扰，解决方向不对。所以，眼睛看到的并不一定就是真的。没有头绪时只能不断尝试，多思考前后因果和关联关系，不要放过任何一个细节。但是，切忌盲目更换依赖版本或者安装无关依赖，加油加油