vue打开项目npm run dev 后报错'webpack-dev-server'

本文解决了一个关于'webpack-dev-server'命令未被识别的问题,并详细解释了如何通过检查本地package.json文件和node_modules文件夹来定位问题所在。文章最后给出了通过运行npminstall命令来重建node_modules文件夹的具体步骤。

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

       啊啊啊啊啊。我想在这里传上来一张报错的图,怎么浏览器就卡的会转圈,图片不让传呢?好气哦[○・`Д´・ ○],怎么感觉csdn改的不怎好用了,看到这知道的小伙伴知道的可以告诉我一下哈,在此先谢过了。Thanks♪(・ω・)ノ

        好了,说正事。报错显示'webpack-dev-server'该命令不是内部或外部命令,既然报错了,那么下面就肯定会给出提示来解决,就耐心些一步步的看嘛。开始几行也许看不出什么(反正我是没有看出来o(╥﹏╥)o),到了后面有这样一句话,我这里是倒数第三行,你们的也应该是就倒数几行吧:WARN  Local package.json exists,but node_modules missing,did you mean install ?

就是说你的package.json文件是在本地的,但是你的node_modules文件消失了;

         所以那你就把人家找回来呗,谁还没点小脾气是咋地,弄屎你,npm install。这个下载的时间可能会有些长,不过也应该是和你的网速有关系吧?毕竟我用的是npm.

 

 

好了,以上,加油哦!!!【为一所想要的而努力吧】

 

当执行npm run dev命令时,报错'webpack-dev-server'不是内部或外部命令,也不是可运行的程序的错误提示通常意味着webpack-dev-server这个模块没有被正确安装或者没有找到。这个问题可能有几个可能的原因。 首先,你需要确保你已经在项目目录下执行了npm install或者yarn install命令来安装所有的依赖。这样会确保webpack-dev-server模块被正确安装。 另外,你也需要检查一下package.json文件中的scripts部分,确保npm run dev命令指向的是正确的脚本。有时候可能会出现拼写错误或者脚本名字不匹配的情况。 最后,如果以上两个步骤都没有解决问题,你可以尝试全局安装webpack-dev-server模块。可以使用以下命令进行全局安装: npm install -g webpack-dev-server 完成安装后,再次执行npm run dev命令,看看问题是否解决。 总结起来,当执行npm run dev命令报错'webpack-dev-server'不是内部或外部命令,也不是可运行的程序时,可能的解决方法包括:确保依赖已经正确安装,检查package.json文件中的脚本配置,以及尝试全局安装webpack-dev-server模块。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue运行npm run dev报错:‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序](https://blog.youkuaiyun.com/fengzhishay/article/details/124424394)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [自动打包插件webpack-dev-server的安装、配置及使用](https://download.youkuaiyun.com/download/weixin_38703968/14044115)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值