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

这篇具有很好参考价值的文章主要介绍了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,

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

以上安装过程都正常。

但是执行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

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

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

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

​npm install webpack@3.6.0 -g

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

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

ok,成功解决了。

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

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

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

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

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

# 安装依赖
npm install

之后,执行启动命令。

执行启动命令:

npm run dev

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

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

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

​npm install webpack@3.6.0 -g

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

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

ok,成功解决了。

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

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

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

 

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

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

error:03000086:digital envelope routines::initialization error 

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

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

解决方法:

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

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

(2)修改环境变量

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

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

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

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

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

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

解决方法:

还需要再使用安装命令,

npm install core-js@2

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

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

npm run dev

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

 ok,问题解决。文章来源地址https://www.toymoban.com/news/detail-433938.html

到了这里,关于vue 解决问题:Webpack安装不成功,webpack -v无法正常显示版本号的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • qiankun vue子应用升级webpack5问题记录

    升级的方式是使用最新版本的 vue-cli 脚手架,重新创建一个新项目,然后复制 @vue/cli-xxx , vue 相关依赖最新版本到子应用项目 - 核对 babel , eslint 相关配置的变化 - 重新安装依赖,处理出现的相各种异常情况 - 启动项目检查功能是否正常。 本次升级主要是为了使用 webpack5 。 以

    2023年04月26日
    浏览(40)
  • 解决更换电脑硬盘/硬盘克隆后部分开发软件无法正常卸载或重新安装等问题

    我是买了一个新硬盘,从台式机(台式机有部分软件装在D盘,E盘)上把c盘所有数据克隆下来了,然后硬盘装到笔记本上,就出现了TortoiseGit无法卸载和重装,出现invalid drive: D: 也无法重装 解决方法如下: 创建一个临时缺失的D盘(提示是invalid * 盘就 创建对应的盘) subst

    2024年02月15日
    浏览(115)
  • vue3 webpack打包流程及安装 (1)

    --------------------------------------------------------------------------------------------------------------------------------- 报错      跟着安装报错  后来查了才知道  是因为 webpack 版本有问题 安装的时候看好 webpack的版本过高  产生的错误 需要卸掉从新安装 webpack -v  查看 版本号 ------------------

    2024年02月09日
    浏览(70)
  • 前端Vue项目webpack打包部署后源码泄露解决

    前端项目使用nuxt框架(基于Vue),采用Webpack打包,部署到服务器后,进行漏洞检测。 经Webpack打包部署到服务器后,访问并打开开发者模式,在Source下出现[name]路径,内部包含(webpack)buildin文件夹。(做漏洞分析时,会认为该内容涉及源码泄露) 1.首先考虑源码泄露的问题 打

    2024年02月03日
    浏览(86)
  • 为解决Win11子系统的Ubuntu被删除后,重新安装出现找不到系统路径问题,无法正常安装

    出现如下问题如下: C:UsersHPwsl 无法将磁盘“C:UsersHPAppDataLocalPackagesCanonicalGroupLimited.Ubuntu_79rhkp1fndgscLocalStateext4.vhdx”附加到 WSL2: 系统找不到指定的文件。 Error code: Wsl/Service/CreateInstance/MountVhd/HCS/ERROR_FILE_NOT_FOUND怎么解决 解决方法如下: 一、先使用如下命令查看全部环

    2024年02月04日
    浏览(66)
  • Error: Cannot find module ‘webpack‘ 问题解决办法

    这句话的意思是:没有找到webpack模块。 就算之前你装了webpack,那肯定是非全局安装 所以要全局安装 npm install --save-dev webpack 问题解决

    2024年02月11日
    浏览(108)
  • Webpack 解决:ReferenceError: dist is not defined 的问题

    其一、报错为: ReferenceError: dist is not defined 中文为: ReferenceError:dist 未定义 其二、问题描述为: 想在 webpack 的配置中,创建一个 dist 文件夹 来存放 npm run build 打包后的文件,但发现运行代码后报错; 其三、控制台报错的页面显示为: 根据报错的提示: dist 未定义 可知,

    2024年02月07日
    浏览(63)
  • 如何解决创建vue项目后没有webpack.config.js(vue.config.js)文件

    ◼️ webpack.config.js文件没有的原因 Vue 项目中 vue.config.js 文件就等同于 webpack 的 webpack.config.js。 vue-cli3 之后创建的时候并不会自动创建 vue.config.js,因为这个是个可选项,所以一般都是需要修改 webpack 的时候才会自己创建一个 vue.config.js。 vue-cil3之后创建项目后的目录结构如下

    2024年02月04日
    浏览(58)
  • 手写webpack核心原理,支持typescript的编译和循环依赖问题的解决

      主要知识点 babel读取代码的import语句 算法:bfs遍历依赖图 为浏览器定义一个 require 函数的polyfill 算法:用 记忆化搜索 解决 require 函数的循环依赖问题 Quick Start GitHub:https://github.com/Hans774882968/mini-webpack 依赖 注意点: 配置 eslint 后记得重启一下vscode,IDE提示才会生效。 我

    2024年01月17日
    浏览(35)
  • node.js的下载安装详细步骤(还有安装配套的express、淘宝镜像、webpack、Vue)

    目录 一、概述 二、操作步骤 (一)下载node.js (二) 安装node.js (三)查看环境变量 (四)查看版本信息 (五)新建全局下载包和缓存包位置 (六)配置环境变量 (七)安装express(内嵌http模块) 安装成功 安装失败 解决办法一(最好的办法)  解决办法二(其次) (八

    2024年02月09日
    浏览(72)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包