vue项目初始化时npm run dev报错webpack-dev-server解决方法

最新推荐文章于 2024-02-06 17:57:58 发布
最新推荐文章于 2024-02-06 17:57:58 发布
阅读量1.3k 收藏 1
点赞数 1
文章标签： vue初始化报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/muguazhuye/article/details/102821378
版权

vue项目初始化时npm run dev报错webpack-dev-server解决方法
原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好
webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低
（1）、npm uninstall webpack-dev-server
（2）、npm install webpack-dev-server@2.9.1
（3）、npm run dev
如何执行npm uninstall webpack-dev-server 也报错的话只能用下面方法了
原因是你的node_modules有意外改动，导致依赖库不完整。
解决：
1.删除项目下的node_modules
2.在项目目录下重新执行npm install 或者cnpm install，会重新生成node_modules
3.执行npm run build 或者cnpm run build
4.执行npm run dev 或者cnpm run dev

木鱼叮咚
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VUE新建项目初始化时 npm run dev 报错
PHP-情歌的博客
04-22 320
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! travel@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at...
使用webpack遇到的大坑webpack-dev-server
weixin_45765103的博客
11-15 7197
node版本9 "dependencies": { "nvm": "0.0.4", "webpack-cli": "^4.9.1", "webpack-command": "^0.5.1" }, "devDependencies": { "webpack": "^4.46.0" } 运行webpack-dev-server的时候就会遇到 bash: webpack-dev-server: command not found 运行npx webpack-dev-server的时候就会遇.
解决[webpack-cli] You need to install ‘webpack-dev-server Error: Cannot find module ‘send’问题（Linux也适用）
weixin_46900108的博客
09-20 1万+
我们在编译vue项目时，有时候就会遇到 [webpack-cli] You need to install 'webpack-dev-server Error: Cannot find module ‘send’这个报错问题 这里本着一个原则问题，缺啥安啥，然后重新加载一下，然后最好是重启一下电脑 在node.js安装包下重新加载安装的模型包 然后一路next就可以 最终我们重新加载一下就可以 yum install webpack-dev-server --save-dev 缺啥安啥缺什么模型包
[webpack-cli] You need to install ‘webpack-dev-server‘ for running ‘webpack serve‘.TypeError: Canno
qq_54412839的博客
02-06 1223
原因：node的版本不对，本来是V12.0.0，后面改成成12.10.0之后成功启动。步骤：重新install。
Error: Cannot find module ‘webpack/bin/config-yargs‘
风烟
08-24 2663
说我目前webpack5没有这个webpack-dev-server这个事webpack2或者3才有的东西，那说明现在启动方式还是不对，不能用这个webpack-dev-serevr启动，仔细发现我本地的package.json里面的不对，版本还是老的，我需要卸载重新安装才行。改完之后发现还是报错，但是提示需要安装webpack-cli，然后就安装下。看起来就是webpack语法的问题了，我尝试修改下。尝试装下试试，但是安装又报版本的错误。直接搜索，需要将启动语法从原来的。装了之后启动，然后报新的错误。
解决 webpack5安装 webpack-dev-serve报错python问题 gyp ERR
kzj0916的博客
09-20 424
安装 webpack-dev-serve 执行指令：npm install webpack-dev-server -D 发现并没有老老实实给我们安装，而是报了一大堆错误，如下 报了一大堆Python相关错误 查了一大堆博客都没有找到解决方案 最后通过指定版本的方法解决了 解决方案 指定版本进行安装即可解决 执行：npm install webpack-dev-server@3.11.2 -D 安装成功！！ 防止大家踩坑 ...
用npm安装vue和vue-cli,并使用webpack创建项目的方法
10-17
完成项目初始化后，进入项目目录`cd my-project`，接着运行`cnpm install`安装依赖包，最后通过`cnpm run dev`启动开发服务器。此时，你可以在浏览器中访问`http://localhost:8080`查看项目运行情况。 值得注意的是...
详解用vue-cli来搭建vue项目和webpack
12-12
vue-cli 用vue-cli来搭建vue项目 第一步：全局安装vue-cli sudo npm install vue-cli -g 第二步：初始化一个项目 ...完成一个初始化vue项目 webpack 要开始一个vue项目， 那也必须要了解webpack webpack是一个前端
解决vue-cli + webpack 新建项目出错的问题
11-29
然而，在初始化和运行项目时，可能会遇到各种问题，其中包括在执行`npm run dev`时遇到的配置错误。在本案例中，用户在使用`npm init webpack love`创建新项目后，尝试启动开发服务器时遇到了一系列未指定的配置选项...
webpack-develop.zip
11-01
Vue CLI（命令行接口）是官方提供的脚手架工具，它极大地简化了Vue项目的初始化过程，包括设置webpack配置、安装依赖等。在"webpack-develop.zip"这个压缩包中，我们很可能是找到了一个使用Vue CLI 3搭建的开发环境...
vue-webpack项目初始化手动搭建源码
05-01
vue-webpack组件模块化项目初始搭建源代码，新学vue的同学可以借鉴，下载导入VSCode可以直接npm run dev 运行，可以参考博主博客 "VUE-Webpack基础知识点汇总"见详情内容指导。
webpack4.XX安装webpack-dev-server工具以及遇到的各种问题
odelia的博客
11-04 3002
1.npm i webpack-dev-server -D 安装 2、package.json文件中配置dev 代替webpack-dev-server 3、运行 报这个错误说明webpack没有安装到项目中;就算之前装了webpack，那肯定是非全局安装，所以只需要将之安装到项目中即可: 4、再次执行npm run dev依旧报错： 各种百度之后发现可能是webpack与w...
vue 如何新建一个项目
热门推荐
ygy211715的博客
02-27 5万+
身为入行未深的小白前端，不断的学习是我们不可丢失的习惯。前端流行的框架也是层出不穷，vue在众多框架中脱颖而出。今天花了两个小时的时间自己走了一边创建vue项目的流程，跟你们分享。1：打开cmd命令行，首先安装node步骤：https://nodejs.org/en/download/      node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版...
webpack-dev-server的安装
周家大小姐
03-16 2万+
webpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外，它还有一个通过Sock.js来连接到服务器的微型运行时. 注意:webpack-dev-server是一个独立的NPM包,你可以通过npm install webpack-dev-server来安装它. 发现报错了;原因是...
[webpack-cli] For using ‘serve‘ command you need to install: ‘webpack-dev-server‘ package
weixin_45841729的博客
06-08 7249
错误描述 [webpack-cli] For using 'serve' command you need to install: 'webpack-dev-server' package [webpack-cli] Would you like to install 'webpack-dev-server' package? (That will run 'npm install -D webpack-dev-server') (Y/n) n npm ERR! code ELIFECYCLE npm ER
'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序
qq_38220608的博客
02-26 8731
项目里的“node_modules”文件夹被删除了，重新cnpm install一下就好
'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件.
Wangdr的博客
05-17 597
删除node_module包 用npm i 或 cnpm i 从新下载 然后cnpm run dev
编程爱好者博客地带.zip
最新发布
08-23
该毕业设计将深入探讨如何通过Java语言构建一个完整且高效的《编程爱好者博客地带》。毕业设计的架构涵盖了从基础框架搭建到关键功能实现的每一个环节，并采用了模块化设计，使整个系统易于理解、扩展和维护。 无论是数据处理、用户交互还是后台管理，我们都为您提供了详细的代码示例和设计文档。 这个毕业设计的独特之处在于其高度的实用性和灵活性。 我们提供了全面的资源包，帮助您快速入门，并支持您在此基础上进行个性化的功能扩展。 无论您是正在寻找灵感的学生，还是需要现成解决方案的开发者，下载该资源将助您事半功倍。
使用vue-cli快速创建Webpack项目的步骤详解
通过全局安装`vue-cli`，然后使用`vue init webpack`命令初始化基于Webpack模板的新项目，可以快速搭建项目结构。 详细步骤如下： 1. **全局安装Vue CLI**： 首先，你需要在命令行中执行以下命令来全局安装Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值