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

最新推荐文章于 2024-08-28 23:20:37 发布
最新推荐文章于 2024-08-28 23:20:37 发布
阅读量851 收藏
点赞数
分类专栏： webpack 文章标签： 前端 webpack npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hcy_code/article/details/114759427
版权

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

webpack serve

你不需要考虑版本问题，你只需要下最新devServer
仅此，
关注
专栏目录
完美解决webpack-dev-server报错：Error: Cannot find module 'webpack-cli/bin/config-yargs'
"✧treasure mountain✧"
04-25 2万+
问题描述 在执行webpack-dev-server命令的时候 遇到如下错误： 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 webp...
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘ 问题已解决
weixin_55242897的博客
02-21 298
项目场景： 使用webpack打包运行命令 npm run dev后出现如下错误提示： // 当前package.json 文件 “devDependencies”: { “html-webpack-plugin”: “^5.2.0”, “webpack”: “^5.23.0”, “webpack-cli”: “^4.1.0”, “webpack-dev-server”: “^3.11.2” } 问题描述： PS E:\www\wuyaohua\webpack-senior> npm run dev
Node.js 环境搭建过程中可能遇到的问题解决方案
fanqiliang630的博客
02-28 3022
1. nvm安装npm失败: 在nvm的安装目录下, 打开settings.txt(需要修改权限,默认普通用户不能修改): root: D:\nvm path: B:\nodejs node_mirror: http://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/ 主要是加后两行镜像, 前两行是我之前文件的默认内容 2. nrm报错(一般出现在windows下) C:\Users.
记录webpack 运行vue项目的巨坑！！！各种版本兼容问题！
最新发布
有一个程序员的博客
08-28 513
缺少适用于你当前 Node.js 版本和操作系统的二进制绑定。通常在 Node.js 或操作系统版本变化时会出现这种情况。是 TypeScript 的运行时库，通常用于优化 TypeScript 编译的代码。确保所有依赖都正确安装且没有版本冲突。的特定版本，但它没有被安装或满足这些要求。版本，以满足所有依赖项的要求。如果你遇到兼容性问题，考虑将。依赖版本仍然存在冲突。版本存在不兼容问题。3.x 版本可能不完全支持。的最新版本，这些版本应该与。你遇到的错误提示是关于。
npm run dev启动项目报错 Cannot find module 'webpack-cli/bin/config-yargs'
weixin_30629653的博客
04-10 620
一般是webpack的版本和webpackserver的版本不兼容导致的错误。 解决方法是先卸载这两个版本，再安装指定的版本。 卸载： 再安装指定或者最新版本的webpack和webpack-dev-server： 然后就成功啦; 转载于:https://www.cnblogs.com/yuanxinru321/p/10682904.html...
webpack Cannot find module 'webpack/schemas/WebpackOptions.json'
白日强的博客
04-24 6478
最近安装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 300
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 2102
因为你的项目根目录没这个文件，创一个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 586
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...
Error: Cannot find module ‘webpack-cli/package.json’
hzw的博客
08-09 1363
webpack自动打包报错 Error: Cannot find module 'webpack-cli/package.json' Require stack: - C:\Users\ASUS\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15) at Function.resolv
webpack-dev-server 报错 Error: Cannot find module ‘webpack/bin/config-yargs‘
qq_36454089的博客
11-19 2175
Error: Cannot find module 'webpack/bin/config-yargs' 报错 解决 > demo70@1.0.0 dev G:\000Code\10\11\demo70 > webpack-dev-server --port 3000 internal/modules/cjs/loader.js:1033 throw err; ^ Error: Cannot find module 'webpack/bin/config-yargs' Requ.
运行npm run dev时产生的Cannot find module 'webpack/bin/config-yargs'错误的解决方法记录
asfcyg的博客
04-29 972
产生的错误 解决方法： 卸载掉所有的webpack webpack-cli webpack-dev-server 重新一起安装 安装完成后 再次运行就欧克了
build vue 指定版本_关于webpack4.0+以上版本 npm run build 报错问题的解决
weixin_39789525的博客
12-19 279
源自：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 2914
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 371
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 1476
webpack配置时包与包版本不对应导致报错
Vue项目运行报错：解决webpack版本问题
qq_53446980的博客
10-10 5899
解决“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
error: cannot find module 'webpack-cli/bin/config-yargs'
09-23
### 回答1： 这个错误通常发生在使用Webpack时，因为Webpack CLI没有正确安装或配置。是的，这个错误通常发生在使用Webpack时，因为Webpack CLI没有正确安装或配置。Webpack CLI是一个命令行工具，用于在命令行中运行Webpack命令。如果Webpack CLI没有正确安装或配置，它可能无法找到所需的模块，从而导致出现类似“cannot find module 'webpack-cli/bin/config-yargs'”的错误。 解决这个问题的方法包括： 1. 确认你已经全局安装了webpack-cli：在命令行中输入“npm list -g webpack-cli”，检查webpack-cli是否已经安装。如果没有安装，可以通过“npm install -g webpack-cli”来全局安装webpack-cli。 2. 确认你的项目中已经安装了webpack-cli：在项目的根目录下，运行“npm list webpack-cli”，检查webpack-cli是否已经安装。如果没有安装，可以通过“npm install webpack-cli --save-dev”来安装webpack-cli。 3. 确认你的webpack配置文件是否正确：检查webpack.config.js文件中是否正确地配置了webpack和webpack-cli。 4. 如果上述方法都没有解决问题，可以尝试更新npm和node.js版本，然后重新安装webpack-cli。 ### 回答2： 这个错误是由于缺少webpack-cli模块中的bin/config-yargs文件所引起的。webpack-cli是webpack的命令行工具，用于执行webpack命令。当我们执行webpack命令时，会查找webpack-cli模块，并在其中查找bin/config-yargs文件。如果找不到这个文件，就会抛出"cannot find module 'webpack-cli/bin/config-yargs'"的错误。 要解决这个问题，我们可以尝试以下几个方法： 1. 检查webpack-cli模块是否已安装：首先确保你已经在项目中安装了webpack-cli模块。可以通过在命令行中执行npm ls webpack-cli命令来检查。 2. 版本兼容性问题：如果你已经安装了webpack-cli模块，但仍然出现错误，可能是由于版本兼容性问题导致的。尝试安装或更新webpack-cli模块的最新版本，可以使用npm install webpack-cli@latest命令来更新。 3. 清除缓存：有时候，在安装或升级模块后，旧的缓存文件可能会导致错误。可以尝试清除npm缓存，使用npm cache clean命令清除缓存，然后重新安装webpack-cli模块。 如果以上方法都没有解决问题，可能是其他相关配置文件出现了问题，可以检查webpack配置文件是否正确，并确保相关依赖模块已安装。 总之，错误"cannot find module 'webpack-cli/bin/config-yargs'"通常是由于缺少或损坏的webpack-cli模块所引起的。通过检查模块是否安装、更新模块版本、清除缓存等方法，可以尝试解决这个问题。如果问题仍然存在，可能需要进一步检查其他配置文件或依赖项。 ### 回答3： 这个错误提示表示无法找到模块'webpack-cli/bin/config-yargs'。这通常是因为没有正确安装或配置Webpack的CLI（命令行工具）。 要解决这个问题，可以尝试以下几个步骤： 1. 确认安装了webpack-cli模块：在命令行中输入`npm install webpack-cli -g`或`yarn global add webpack-cli`来全局安装webpack-cli模块。如果之前已经安装过，可以尝试卸载并重新安装。 2. 检查Webpack的配置文件：确认项目根目录中是否存在webpack.config.js或其他Webpack的配置文件。如果没有，则需要创建一个。 3. 更新Webpack的版本：如果已经安装了旧版本的Webpack，尝试更新到最新版本。可以使用`npm update webpack`或`yarn upgrade webpack`来更新。 4. 清除缓存并重新安装依赖：有时候，缓存中的某些文件可能导致问题。可以尝试使用`npm cache clean`或`yarn cache clean`来清除缓存，并重新安装项目的依赖。 5. 确保正确执行Webpack命令：在命令行中输入`webpack`来执行Webpack命令。确保正确使用了Webpack的命令行参数和选项。 如果以上步骤都无法解决问题，可以尝试搜索类似的错误信息，查看其他开发者的解决方案，或提交问题到相关社区寻求帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值