node.js版本过高,导致vue2 版本的项目无法正常启动

这篇具有很好参考价值的文章主要介绍了node.js版本过高,导致vue2 版本的项目无法正常启动。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

node.js版本过高,导致vue2 版本的项目无法正常启动

问题描述

node的版本是18 ,vue版本是2 ;npm install 失败

node.js版本过高,导致vue2 版本的项目无法正常启动

解决方式

1、未采取提示的方式,而是利用了npx命令;
使用npx指定npm的版本

npx -p npm@6 npm i --legacy-peer-deps

注意:如果这不能立即起作用,也许可以先删除node_modules和package-lock.json。它们将被重新创建。

重新执行 npm run dev 会报错

原因是:
node.js的版本问题

因为 node.js V18版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响。故此以前的项目在升级 nodejs 版本后会报错

    "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
  },

在这里插入代码片

添加 SET NODE_OPTIONS=–openssl-legacy-provider 即可

参考链接:
npx的描述
版本加密

2、 若是本地 node_modules和package-lock.json 可以正常启动,只是单纯升级node版本,则可以直接添加 SET NODE_OPTIONS=–openssl-legacy-provider 执行;不需要使用npx文章来源地址https://www.toymoban.com/news/detail-473702.html

到了这里,关于node.js版本过高,导致vue2 版本的项目无法正常启动的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Vue3安装pixi.js 项目无法识别 ?. 语法,导致报错Module parse failed: Unexpected token

     error  in ./node_modules/@pixi/assets/lib/resolver/parsers/resolveTextureUrl.mjs Module parse failed: Unexpected token (9:62) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders |   test: loadTextures.test, |   parse: (value) = ({     resolut

    2024年02月11日
    浏览(41)
  • 支付宝,对接沙箱支付(vue2+node.js)

    支付宝沙箱环境,点击进入 1. 扫码登录,进入后如图 2. 进入沙箱,可以看到自己的账号(如下配置) 配置系统默认密钥(需要下载工具) 密钥下载工具配置 依照自己系统,自行选择下载 配置支付宝开放平台密钥工具 生成密钥后,不要关闭程序,在页面沙箱哪里配置系统密

    2024年02月05日
    浏览(65)
  • 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/

    2024年02月02日
    浏览(41)
  • 如果当前node.js版本和项目需要版本不一样,卸载重装其他版本node.js的方法

    其实这种node.js版本不一样的问题,可以选择 用 nvm 来管理node.js的不同版本 。 此处仅总结 卸载 当前版本node.js+ 重新安装 所需版本node.js的方法 另:现在 用Vite官网里面的  yarn/npm等  的方法,创建Vue3项目 ——需要 12+版本的node.js 以下以本人 电脑 win10系统x64 为例: 目录 卸载

    2024年02月15日
    浏览(50)
  • Vue2和Vue3是Vue.js框架的两个主要版本,它们之间有以下区别

    性能优化:Vue3在内部进行了重写,采用了更高效的虚拟DOM算法,使得渲染速度更快,性能更好。 更小的体积:Vue3的体积比Vue2更小,这意味着更快的下载和加载速度。 Composition API:Vue3引入了Composition API,它是一种新的组合式API,可以更好地组织和重用组件逻辑,使得代码更

    2024年02月15日
    浏览(48)
  • vue2项目之swiper.js 的使用

    swiper.js 的使用 官网 API(部署在 swiper 实例中):https://www.swiper.com.cn/api/index.html 官网轮播图(查看源代码):https://www.swiper.com.cn/demo/index.html 接下来介绍怎么在 vue2 里使用 swiper.js (vue2 使用 swiper5版本) 1、安装、引入css 2、在组件中使用:引入 js 引入 html 结构 html 结构:

    2024年02月05日
    浏览(51)
  • 怎们判断 Vue项目是 vue2 还是 vue3 版本

    判断一个 Vue 项目是基于 Vue 2 还是 Vue 3 版本可以通过一些明显的特征来进行区分。以下是一些常见的方法: 查看项目依赖 :打开项目的 package.json 文件,查看 vue 的版本号。 如果版本号是 2.x.x ,则项目是基于 Vue 2。例如: \\\"vue\\\": \\\"2.6.14\\\" 如果版本号是 3.x.x ,则项目是基于 Vu

    2024年02月14日
    浏览(41)
  • node版本过高出现ERR_OSSL_EVP_UNSUPPORTED错误

    目录 错误原因: 解决方法: node升级到16版本以上时,打包小程序出现了ERR_OSSL_EVP_UNSUPPORTED错误 错误原因: 新版本的nodejs使用的openssl和旧版本不同,导致出错 解决方法: 1.将node版本重新换回16.x 2.在终端输入以下代码(Windows) 但这样只是一次性的配置,每次运行都要重新

    2024年03月26日
    浏览(38)
  • vue2.x项目没有vue.config.js时,web worker使用

    vue:2.7.14,webpack 3.6.0构建项目 在vue中使用new Worker(‘./worker.js’)原生方法,引入woker.js子线程时,无法正常读取引入。于是乎就百度了一下,网上vue使用web worker的步骤。 1.安装使用 worker-loader // 安装依赖包 npm install worker-loader -D 2.vue.config.js 完整配置 module.exports = { chainWebpac

    2024年02月06日
    浏览(64)
  • vue2项目 使用海康视频h5player@2.0版本

    一、下载开发包         我们需要去海康官网下载h5player@2.0版本的一些用到的文件 二、引入开发包         下载之后我们把下载的文件打开把bin里的文件移动到pubilc文件里,可以自己单独建一个文件放在里面 注意:一定要放在vue中的public文件夹中 否则会报错 三、引用下载

    2024年02月03日
    浏览(52)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包