运行npm run dev时,报错解决

发布于:2023-07-04 ⋅ 阅读:(171) ⋅ 点赞:(0)

运行npm的时候,报错:

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D

错误提示显示,webpack单独分离出了wepack-cli,需要我们安装wepack-cli。

解决办法:

全局安装:

npm i -g webpack-cli

在项目本地安装webpack,webpack-cli:

npm install webpack webpack-cli -D

安装完成之后,重新启动项目:npm run dev,结果仍然报错。但是错误已经不是刚才那个啦。报错信息如下:

module.js:549
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'

这个报错的原因,webpack和webpack-dev-server的版本不兼容。

查看package.json中的各个版本。

而webpack和webpack-dev-server的个版本对应关系如下:

webpack 3.x 要使用 webpack-dev-server 2.x

webpack 4.x 要使用 webpack-dev-server 3.x

解决办法:

1、卸载全局和局部的webpack-dev-server

-- 卸载全局
npm uninstall webpack-dev-server -g    

-- 卸载局部 (本地)
npm uninstall webpack-dev-server -D      

2、安全符合版本要求的webpack-dev-server@2.9.7

npm i webpack-dev-server@2.9.7 -D    本地安装

完成之后重新执行npm run dev


网站公告

今日签到

点亮在社区的每一天
去签到