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

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

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

webpack serve

你不需要考虑版本问题，你只需要下最新devServer
仅此，
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
slush-phaser-webpack:使用 webpack 和 commonjs 兼容模块创建移相器游戏的 slush 生成器
06-04
slush-phaser-webpack 目前正在开发中 用于创建使用 webpack 和 commonjs 兼容模块的游戏的 slush 生成器。 Gulp 用于构建系统。 协助开发的工具。 入门 全局安装slush-slush-phaser-webpack ： $ npm install -g slush-phaser-webpack 用法 为您的项目创建一个新文件夹： $ mkdir my-slush-phaser-webpack 从新文件夹中运行生成器： $ cd my-slush-phaser-webpack $ slush phaser-webpack 现在您可以构建您的项目 注意：这最终将是自动化的 gulp build 这将运行 webpack，并将项目放入 dest 文件夹中。 你可以运行一个非常简单的服务器 node server 从项目根目录开始，但您
String.prototype.padStart：String.prototype.padStart的符合ES规范的填充程序
02-21
String.prototype.padStart 符合ES2017规范的String.prototype.padStart填充程序。 如果不可用，请调用其“ shim”方法对String.prototype.padStart进行填充。 该软件包实现了接口。 它可以在ES3支持的环境中工作并符合。 最常见的用法： var padStart = require ( 'string.prototype.padstart' ) ; assert ( padStart ( 'foo' , 5 , 'bar' ) === 'bafoo' ) ; padStart . shim ( ) ; assert ( padStart ( 'foo' , 2 ) === 'foo' . padStart ( 2 ) ) ; 测验 只需克隆仓库， npm install ，然后运行npm test
webpack 配置时包与包版本不对应导致无法启动项目
weixin_42971933的博客
01-31 1358
webpack配置时包与包版本不对应导致报错
【webpack 中版本兼容性问题错误总结，耽误半天学习】
热门推荐
qq_27300101的博客
07-05 3万+
【webpack版本兼容性问题错误总结，耽误半天学习】一定不要运行npm i  XXX  -g(-d) 一定要指定版本，尽量低版本，也不最新版本，会导致不兼容和指令不一样的问题。1.安装webpack-dev-server 报错，说需要webpack-cli，原因，这两个之中某一个版本太高。，重新安装低版本2.安装webpack-cli ，然后还是不能使用，3. npm WARN webpack-...
Vue项目运行报错：解决webpack版本问题
qq_53446980的博客
10-10 5292
解决“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 后查询webpack版本报错
weixin_43794803的博客
07-01 1930
报错信息： 解决方法：1.npm install -g webpack-cli2.npm install --save-dev webpack-cli //同步到局部项目文件夹下再次检查版本成功！但是提示：webpack-dev-server not installed于是再次执行命令： npm install --save-dev webpack-dev-server 成功！...
[已解决]webpack 5以上版本使用webpack-dev-server时报错
qq_44742090的博客
08-13 764
在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
webpack 打包时 安装的模版不兼容问题
scorpio_meng的博客
11-11 1630
1，webpack一入手就踩坑，打包时，各种报错，代码检查后正常，安装模版的时候都是最新版本，但是各模板最新的版本之间兼容却有问题，必须将某些模板降低版本。当时安装的最新版本如下图 2，npm run dev 后，先是报了 babel 的错误 “ Error: Cannot find module '@babel/core'  ”，错误信息还算详细，直接说了babel-loader要换成7的...
npm安装webpack遇到的问题
weixin_44214489的博客
08-05 1812
学习vue.js过程中遇到的使用 npm 进行局部安装失败的问题...
针对cnpm在安装npm包时出现的各种版本问题
wm1147967436的博客
06-24 942
针对cnpm在安装npm包时出现的各种版本问题 规范运行/部署的命令如下： 之前通过cnpm安装过的 node_modules，请先行删除 1、修改npm源，解决npm安装慢的问题（已修改可忽略） npm config set registry https://registry.npm.taobao.org 1.1、恢复官方源（若修改国内镜像源后无法安装可尝试恢复源） npm config set registry https://registry.npmjs.org 2、安装包 npm install
npm run dev(遇到导入项目node版本不一致可进行此操作)
weixin_46022179的博客
12-10 317
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
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
之前项目目录是： 运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { ...$ npm run build 结果报错提示： 发现
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for usage info. Hash: e040e8aa823a0e30ae4b Version: webpack 4.41.4 Time: 79ms Built at: 2019-12-23 19:52:00 ERROR in Entry module not found: Error: Can't ...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里...
Vue项目执行 npm run dev 报错解决方法
01-07
Vue项目执行 npm run dev 报错解决方法 错误如下: Error: Cannot find module 'webpack-merge' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module....
Java-Web过滤器
Sun的个人博客
04-11 896
/</</</</</</</</</</</</</</</</</</</</</</<//*** @author 孙显圣//通过filterConfig获取相关的参数 //1.获取filter的名字 String filterName = filterConfig . getFilterName();//2.获取filter配置参数 String ip = filterConfig . getInitParameter("ip");
博客永久链接与计数
最新发布
靖待的CSDN博客
04-12 717
工欲善其事，必先利其器。对自己的博客不好用不满意很久了，但是这几年太懒。想趁着放假弄一下吧，发现几年没动，版本升级后很多东西变了，折腾了一下午效果不太理想。先记录一下。
TS基础2-常用类型
qq_40147756的博客
04-12 312
ts 中常用类型和举例说明。
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、付费专栏及课程。

余额充值