npm run dev运行时报错出现[email protected] dev: `webpack-dev-server --inline --progress --config build/webp

 
 

 

原因:webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好,但是也不能装太老的版本
办法:
我们看到 webpack-cli 的版本是 4.2.0,而 webpack-cli 从4.x.x开始就没有该目录,
所以我们保证webpack-cli 和 webpack-dev-server 的版本只要都是 3.x.x 就可以解决了
根本问题:
【webpack与webpack-dev-server版本不兼容导致
修改package.json文件中的 webpack与 webpack-dev-server版本相对应】
/********************************************
webpack4.0以上都要安装webpack-cli ,   
否则报错如下:
Error: Cannot find module 'webpack-cli/bin/config-yargs'

具体方法:
1 查看 vue版本是: vue -V 
2 卸载 npm uninstall webpack-dev-server
3 安装 npm i [email protected]
      npm i [email protected] --force
4 安装 npm i [email protected] -D   //  npm install webpack cli -D
5 运行 npm run dev

/**************************************************************

(1)npm uninstall webpack-dev-server
(2)npm install [email protected]
(3)   npm uninstall webpack-cli -D
(4)   npm i [email protected] -D
(5) npm uninstall webpack --force
(6) npm i [email protected] --force
  //-D是本地安装 注意:webpack-dev-server 这个工具依赖 webpack,必须在本地(项目中)安装 webpack
(7)npm run dev         

解决方法:怀疑是npm下载问题,使用cnpm可以运行成功。
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
cnpm run dev

/****************************

/*
// package.json文件
2 ​
3 "devDependencies": {
4     "webpack": "^4.46.0",
5     "webpack-cli": "^3.3.12",
6     "webpack-dev-server": "^3.11.0"
7 }

猜你喜欢

转载自blog.csdn.net/qq_46687516/article/details/124498382
今日推荐