解决webpack版本不兼容为问题(npm run dev 报错)：Cannot find module ‘webpack-cli/bin/config-yargs

最新推荐文章于 2023-01-31 17:51:30 发布
原创 最新推荐文章于 2023-01-31 17:51:30 发布 · 989 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #webpack #npm

在Webpack5中，启动开发服务器的指令已更改为`webpackserve`，这简化了配置流程，无需担心版本兼容问题。

webpack5 中，运行devServer的指令变成了：

webpack serve

你不需要考虑版本问题，你只需要下最新devServer
npm build报错Cannot find module ‘html-webpack-plugin‘解决方法
邓邓子的博客
05-27 3069
缺少 html-webpack-plugin 模块。
npm build报错Cannot find module ‘webpack‘解决方法
邓邓子的博客
05-27 4270
提示：“奔跑吧邓邓子” 的常见问题专栏聚焦于各类技术领域常见问题的解答。涵盖操作系统（如 CentOS、Linux 等）、开发工具（如 Android Studio）、服务器软件（如 Zabbix、JumpServer、RocketMQ 等）以及远程桌面、代码克隆等多种场景。
npm run dev启动项目报错 Cannot find module 'webpack-cli/bin/config-yargs'
weixin_30629653的博客
04-10 684
一般是webpack的版本和webpackserver的版本不兼容导致的错误。 解决方法是先卸载这两个版本，再安装指定的版本。 卸载： 再安装指定或者最新版本的webpack和webpack-dev-server： 然后就成功啦; 转载于:https://www.cnblogs.com/yuanxinru321/p/10682904.html...
webpack Cannot find module 'webpack/schemas/WebpackOptions.json'
白日强的博客
04-24 6527
最近安装webpack4新版本后，执行webpack报错，如图当时我就懵逼了，按照目录我也找到webpack/schemas/WebpackOptions.json文件了后来看了一下webpack4版本的文档：如下创建项目随便在一个盘新建一个文件夹webpacklx，用于存放我们的项目。 然后在命令行，切到webpacklxnpm init这里，要求设置很多选项，可以按项目情况配置也可以不填直接回...
npm run dev：Cannot find module ‘webpack-cli/bin/config-yargs‘（webpack）
FYB Blog
10-29 340
npm run dev：Cannot find module ‘webpack-cli/bin/config-yargs’（webpack） 当前package.json文件： "devDependencies": { "webpack": "^5.2.0", "webpack-cli": "^4.1.0", "webpack-dev-server": "^3.11.0" } 问题解决： 问题解决参考： Error: Cannot find module ‘webpack-cli/
npm run dev报错：Cannot find module webpack.config.js
学习使我快乐_玉祥
08-16 2251
因为你的项目根目录没这个文件，创一个webpack.config.js文件，代码如下： var path=require("path"); module.exports={ //入口文件 entry:"./src/main.js", output:{ //路径//__dirname 是node的一个全局变量，获得当前文件所在目录的完整目录名 path: path.resolve(__dirname,"./dist"), filena
Webpack 运行 npm run dev 报错 Error: Cannot find module 'webpack/bin/config-yargs'
gygygydgh的博客
12-08 632
Webpack 运行 npm run dev 报错 Error: Cannot find module ‘webpack/bin/config-yargs’ webpack 安装 loader 之后引入 css 文件运行 npm run dev 的时候出现报错情况 报错截图 原因：没有安装webpack-cli 解决办法：安装 npm install --save-dev webpack npm...
Error: Cannot find module 'webpack-cli/bin/config-yargs’解决方案
热门推荐
tomorrownan的博客
03-05 4万+
年前的项目启动一直没有问题，一个月没有维护，一个月后再次npm run dev 启动时，命令行报错 Error: Cannot find module 'webpack-cli/bin/config-yargs' 解决方法探索 首先我本地package.json中对应版本信息如下： 有网经说是webpack3.x版本和webpack-dev-server3.x版本不兼容，但是我这webpa...
bug Error: Cannot find module ‘vue-loader-v16/package.json‘的解决办法
weixin_40945354的博客
03-03 2452
更新，命令如下，在 https://stackoverflow.com/questions/63504594/error-cannot-find-module-vue-loader-v16-package-json 查到 cnpm i --save-dev vue-loader-v16 ivyone@ivyonedeMacBook-Pro daily-cost % cnpm install ⠦ [12/17] Installing source-map@^0.6.1[vue-loader-v16@npm
npm报错Cannot find module ‘webpack‘ Require stack
邓邓子的博客
03-06 8709
Error: Cannot find module '@vue/cli-plugin-babel' Require stack: - /usr/local/node-v14.18.2-linux-x64/lib/node_modules/@vue/cli-service/lib/Service.js - /usr/local/node-v14.18.2-linux-x64/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js at Func
运行npm run dev时产生的Cannot find module 'webpack/bin/config-yargs'错误的解决方法记录
asfcyg的博客
04-29 1855
产生的错误 解决方法： 卸载掉所有的webpack webpack-cli webpack-dev-server 重新一起安装 安装完成后 再次运行就欧克了
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘ 版本兼容问题
web
03-16 172
前端webpack安装版本不兼容问题 出现错误： Error: Cannot find module ‘webpack-cli/bin/config-yargs’ 解决方案：找到兼容的webpack，webpack-cli,webpack-dev-server版本 “webpack”: “^5.1.3”, “webpack-cli”: “^4.1.0”, “webpack-dev-server”: “^3.11.0” 接下来我们来说一下要执行的命令： 1.删除之前下载的webpack，webpack-cl
build vue 指定版本_关于webpack4.0+以上版本 npm run build 报错问题的解决
weixin_39789525的博客
12-19 304
源自：2-1 vue-loader+webpack项目配置关于webpack4.0+以上版本 npm run build 报错问题的解决关于版本升级的报错，解决代码如下(webpack.config.js 页面，增加2处代码)：constpath=require('path')//此处constVueLoaderPlugin=require('vue-loader/lib/plugin...
Error: Cannot find module ‘webpack‘ 问题解决办法
L1147484597的博客
10-11 3338
2.在vue3项目中按需引入element-plus报错（安装插件npm install -D unplugin-vue-components unplugin-auto-import）1.创建vue3项目后，在启动的时候（执行 npm run dev）报错Error: Cannot find module ‘webpack‘
npm run dev(遇到导入项目node版本不一致可进行此操作)
weixin_46022179的博客
12-10 431
Failed to compile. ./src/styles/index.scss (./node_modules/css-loader??ref–11-1!./node_modules/postcss-loader/lib??ref–11-2!./node_modules/sass-loader/lib/loader.js??ref–11-3!./src/styles/index.scss) Module build failed (from ./node_modules/sass-loader/li
webpack 配置时包与包版本不对应导致无法启动项目
weixin_42971933的博客
01-31 1647
webpack配置时包与包版本不对应导致报错
Vue项目运行报错：解决webpack版本问题
qq_53446980的博客
10-10 6219
解决“Error: Rule can only have one resource source (provided resource and test + include + exclude)” 前面也会报错找不到 webpack ，在 package-lock.json 里查找之，发现安装的版本竟然是 5.1.0，而没有更新过依赖，可以正常编译的项目里都是 4.x。那基本可以确认了。 步骤： 先删掉 node_modules 和 package-lock.json 手动在 package.json
[已解决]webpack 5以上版本使用webpack-dev-server时报错
qq_44742090的博客
08-13 972
在webpack5以上版本使用webpack-dev-server时报错 1.报错 运行npm run dev时报错 Error: Cannot find module 'webpack-cli/bin/config-yargs' 2.原因分析 webpack-cli的新版本对webpack-dev-server版本的不兼容 查看版本 这里webpack和webpack-cli的版本都过高了 3.解决办法 3.1后退webpack-cli版本(较麻烦没验证过) 后退到3.3.12，即先uninstall
E: \web\nbos-web-datareport>npm run dev >jnpf.datareport.front@1.0.0 dev>webpack-dev-server --open 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 i -D webpack-cli -> When using yarn: yarn add -D webpack-cli node:internal/modules/cjs/loader:959 throw err; Error: Cannot find module 'webpack-cli/bin/config-yargs' Require stack: - E: \web\nbos-web-datareport\node_modules\webpack-dev-server\bin\webpack-dev-server.js at Function.Module.resolveFilename (node:internal/modules/cjs/loader:956:15) at Function.Module._load (node:internal/modules/cjs/loader:804:27) at Module.require(node:internal/modules/cjs/loader:1028:19) at require (node:internal/modules/cjs/helpers:102:18) at object.<anonymous> (E:\web\nbos-web-datareport\node_modules\webpack-dev-server\bin\webpack-dev- js:65:1) at Module._compile (node:internal/modules/cjs/loader:1126:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10) at Module.load (node:internal/modules/cjs/loader:1004:32)
最新发布
08-02
在运行 `npm run dev` 时提示 `Error: Cannot find module 'webpack-cli/bin/config-yargs'`，通常是因为项目中未正确安装或配置 `webpack-cli` 模块。以下是一些可能的原因和对应的解决方案： ### 1. 确保 `webpack-cli` 已安装 如果 `webpack-cli` 没有被安装，或者安装的版本不兼容，可能会导致此错误。可以通过以下命令安装或更新 `webpack-cli`： ```bash npm install --save-dev webpack-cli ``` 如果已经安装了最新版本的 `webpack-dev-server`，需要确保 `package.json` 中的 `scripts` 配置是否正确。某些版本的 `webpack-dev-server` 需要使用 `webpack serve` 命令来启动开发服务器，而不是 `webpack-dev-server`。可以尝试修改 `package.json` 中的 `scripts` 部分如下： ```json "scripts": { "dev": "webpack serve" } ``` ### 2. 使用特定版本的 `webpack-cli` 某些项目可能依赖于特定版本的 `webpack-cli`。如果当前安装的版本与项目不兼容，可以尝试卸载当前版本并安装一个兼容的版本。例如，安装 `webpack-cli` 3.x 版本： ```bash npm uninstall webpack-cli npm install webpack-cli@3 -D ``` 这可以帮助解决由于版本不兼容导致的模块缺失问题[^4]。 ### 3. 清理缓存并重新安装依赖 如果上述方法无效，可以尝试清理 npm 缓存并重新安装所有依赖： ```bash npm cache clean --force rm -rf node_modules npm install ``` 这样可以确保所有依赖项都正确安装，并且不会受到缓存的影响。 ### 4. 检查 `webpack` 和 `webpack-cli` 的版本兼容性 确保 `webpack` 和 `webpack-cli` 的版本是兼容的。可以通过以下命令安装 `webpack` 和 `webpack-cli`： ```bash npm install --save-dev webpack webpack-cli ``` ### 5. 检查 `webpack.config.js` 配置文件 确保 `webpack.config.js` 文件中没有错误的配置。某些配置错误可能会导致 `webpack` 无法正确加载模块。 ### 示例代码 以下是一个简单的 `webpack.config.js` 配置示例： ```javascript const path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, devServer: { contentBase: './dist' }, module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loader'] } ] } }; ``` ### 总结 通过以上步骤，可以解决 `Error: Cannot find module 'webpack-cli/bin/config-yargs'` 的问题。如果问题仍然存在，建议检查项目的依赖树，确保所有依赖项都正确安装并且版本兼容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值