当前位置: 首页 > news >正文

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

目录

一、解决问题: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.22000CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700HMemory: 24.66 GB / 31.68 GBBinaries:Node: 18.14.2 - D:\my_ruanjian\nodejs\node.EXEnpm: 6.14.18 - D:\my_ruanjian\nodejs\npm.CMDBrowsers: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,问题解决。

http://www.lryc.cn/news/26268.html

相关文章:

  • 07-1【openEuler】系统及进程管理(网络管理的补充实验及说明)
  • 【Linux】磁盘结构、文件系统、软硬链接、动静态库链接
  • 交换机电口、光口、网络速率的基本概念总结
  • 【面试题 05.02. 二进制数转字符串】
  • webpack - webpack的基本使用和总结
  • 【蓝桥杯嵌入式】定时器实现按键单击,双击,消抖以及长按的代码实现
  • 基于SSM的Javaweb爱心扶贫捐赠系统
  • Spring Cloud(微服务)学习篇(三)
  • 一文带你吃透JSP,增删改查实战案例详细解读
  • taobao.item.propimg.upload( 添加或修改属性图片 )
  • TDEngine集群监控组件安装配置(Telegra+Grafana方案)
  • 【定位】高德地图wifi定位接口使用效果实践
  • Nacos注册中心
  • Liunx常用命令总结
  • MySQL表的增删查改(进阶)
  • 【RocksDB】Ubuntu20.04下编译rocksdb
  • 这可能是Spring Boot Starter 讲的最清楚的一次了
  • activiti7执行流程详解
  • iframe页面传值取值
  • 2023年2月安全事件盘点
  • 2023上海国际电商物流包装产业展览会相约上海
  • 营业执照注册资本是什么意思
  • GB28181协议--SIP协议介绍
  • Python3 入门教程||Python3 元组||Python3 字典
  • 多元统计方法众多,分类还是排序?约束排序还是非约束排序?哪种方法或技术更适合我的研究目的或数据?
  • 有关白盒加密
  • C#学习系列之image控件配合ffmpeg播放视频(bitmap转image)
  • 电容笔和Apple pencil有什么区别?开学季电容笔排行榜
  • 【蓝桥杯每日一题】递归算法
  • java 寻找2020