首页IT科技webpack安装命令(vue 解决问题:Webpack安装不成功,webpack -v无法正常显示版本号)

webpack安装命令(vue 解决问题:Webpack安装不成功,webpack -v无法正常显示版本号)

时间2025-08-04 01:30:05分类IT科技浏览5033
导读:目录...

目录

一               、解决问题:Webpack安装不成功               ,webpack -v无法正常显示版本号

二                        、解决问题: ERROR  Error: Cannot find module webpack-log

三        、 解决报错:error:03000086:digital envelope routines::initialization error

四               、解决报错:To install them, you can run: npm install --save core-js/modules/es.array.concat.js core-js/modules/es.array.filter.js core-js/modules/es.array.includes.js core-js/modules/es.array.map.js core-js/modules/es.array.push.js core-js/modules/es.array.slice.js

一                        、解决问题:Webpack安装不成功                        ,webpack -v无法正常显示版本号

场景复现:在cmd中安装Webpack和Webpack-cli        ,

以上安装过程都正常               。

但是执行webpack -v的时候               ,却不显示版本信息                        ,显示如下奇怪的内容:

System: OS: Windows 10 10.0.22000 CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H Memory: 24.66 GB / 31.68 GB Binaries: Node: 18.14.2 - D:\my_ruanjian\nodejs\node.EXE npm: 6.14.18 - D:\my_ruanjian\nodejs\npm.CMD Browsers: Edge: Spartan (44.22000.120.0), Chromium (107.0.1418.56) Internet Explorer: 11.0.22000.120

原因:webpack 安装后        ,但是查询不到对应版本号而输出如上信息       ,重试了几回                        ,也换了其它版本                ,都无法解决                        。原因还是没能成功安装        。

解决方法:@后面加上需要安装的版本号       ,如果需求不大                       ,可以安装比较稳定的3.x.x                ,我安装的是3.6.0,

​npm install webpack@3.6.0 -g

再次查询便能成功查询到 webpack 的版本号了                。

ok                       ,成功解决了                        。

二        、解决问题: ERROR  Error: Cannot find module webpack-log

场景复现:在vscode中启动官网中的基础模板vue项目                        ,

官网地址:介绍 | vue-element-admin

 下载zip之后,解压缩               ,然后用vscode打开                        ,首先进入项目目录        ,安装依赖               ,

# 安装依赖 npm install

之后                        ,执行启动命令        。

执行启动命令:

npm run dev

原因:webpack 安装后        ,但是查询不到对应版本号而输出如上信息       ,重试了几回                        ,也换了其它版本                ,都无法解决       。原因还是没能成功安装                        。

解决方法:@后面加上需要安装的版本号       ,如果需求不大                       ,可以安装比较稳定的3.x.x                ,我安装的是3.6.0,

​npm install webpack@3.6.0 -g

再次查询便能成功查询到 webpack 的版本号了                 。

ok                       ,成功解决了       。

紧接着                        ,在项目下安装 webpack-cli,

npm install --save-dev webpack npm install --save-dev webpack-cli

三       、 解决报错:error:03000086:digital envelope routines::initialization error

场景复现:然后               ,就执行启动命令                        ,但是        ,又出现了一个错误                       。

error:03000086:digital envelope routines::initialization error

原因:可能是由于nodeJS的版本问题导致的               ,具体错误原因:ERR_OSSL_EVP_UNSUPPORTED 错误SSL 数字信封不支持                。

解决方法:

(1)降级nodejs或者卸载当前的nodejs 重新下载安装即可

升级再降级也没有道理                        ,虽然也是可以的        ,最后总是要升级的       ,不推荐。

(2)修改环境变量

$env:NODE_OPTIONS="--openssl-legacy-provider"

ok                        ,问题解决                       。

四                        、解决报错:To install them, you can run: npm install --save core-js/modules/es.array.concat.js core-js/modules/es.array.filter.js core-js/modules/es.array.includes.js core-js/modules/es.array.map.js core-js/modules/es.array.push.js core-js/modules/es.array.slice.js

场景复现:然后                ,就执行启动命令       ,但是                       ,又出现了一个错误                        。

原因:因为 core.js版本过高导致                ,给它降低版本即可解决!

解决方法:

还需要再使用安装命令,

npm install core-js@2

 然后                       ,重新执行启动命令                        ,

npm run dev

 ok,问题解决。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
传递优化允许从其他电脑下载可以关闭吗(Windows 10如何关闭传递优化) 百香果的副作用危害(百香果的副作用及禁忌(图文))