运行npm run dev时，报错解决-白红宇的个人博客

发布日期：2021-05-14 21:31:18 浏览次数：14 分类：精选文章

本文共 860 字，大约阅读时间需要 2 分钟。

在使用npm运行项目时，可能会遇到与webpack-cli或webpack-dev-server相关的依赖错误。以下是针对常见问题的解决方案：

安装错误提示：运行npm时，可能提示以下错误：

The CLI moved into a separate package: webpack-cli.Please install 'webpack-cli' in addition to webpack itself to use the CLI.

适用于npm或yarn安装：

npm install webpack-cli -D
yarn add webpack-cli -D

解决后的新错误：安装完成后，重新启动项目（如npm run dev）可能出现以下错误：

module.js:549    throw err;    ^Error: Cannot find module 'webpack-cli/bin/config-yargs'

这意味着webpack和webpack-dev-server的版本不兼容。

版本不匹配：webpack和webpack-dev-server需要对应的版本：
- webpack 3.x ➔ webpack-dev-server 2.x
- webpack 4.x ➔ webpack-dev-server 3.x

如果确认是版本冲突问题，可以采取以下步骤：

卸载旧版本的webpack-dev-server

# 卸载全局
npm uninstall webpack-dev-server -g
# 卸载本地
npm uninstall webpack-dev-server -D

安装符合版本要求的webpack-dev-server 执行以下命令安装指定版本：

npm install webpack-dev-server@2.9.7 -D

（请根据项目需求调整版本号）

重新启动开发服务器 执行项目启动命令（如npm run dev），问题应该已解决。

上一篇：转载:cnpm全局安装（淘宝镜像）

下一篇：微信小程序学习记录之WXML事件

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！