【idea 启动vue项目报错unsupported】idea启动Vue前端程序，报错digital envelope routines::unsupported

最新推荐文章于 2024-05-11 18:10:06 发布
最新推荐文章于 2024-05-11 18:10:06 发布
阅读量457 收藏 1
点赞数 6
文章标签： 前端 intellij-idea vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/moyinhang/article/details/137955570
版权
本文讲述了在Node18升级导致前端Vue项目报错的情况下，如何通过配置Windows环境变量和Idea运行变量来确保旧代码在新版本Node环境下正常运行的过程。
摘要由CSDN通过智能技术生成

由于node升级到18导致旧前端代码报错digital envelope routines::unsupported，错误，该错误是由于旧代码需要使用<17版本的node，想要node18兼容旧代码需要按照以下操作，本文前提是使用idea修改vue代码的场景：

1、配置windows环境变量
在这里插入图片描述

2、设置idea中运行变量
在这里插入图片描述

点击箭头所指按钮
在这里插入图片描述
弹出框的下半部分显示的是刚刚配置的windows环境变量，如果此列表中没有找到node_options变量则重启即可，按顺序点击按钮后上半框将出现已将windows环境变量复制到当前idea中的效果，点击确定即关闭弹出框。
在这里插入图片描述
此时能看到环境变量已被引用到idea npm dev启动场景中，再次在idea中启动vue前台项目即报错消失
在这里插入图片描述

辽西迪特里斯
关注
  • 6
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
IDEA中Node.js环境下npm报错Error:0308010C:digital envelope routines:unsupported
Sherry
06-14 4627
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm,是目前最流行的Node.js 的包管理器。
vue项目启动报错
吕小仙的欧巴的博客
05-07 139
安装过程中遇到问题（因为某些版本问题） 1.npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 2.npm install node-sass 3.npm install sass-loader
2024年Web前端最新IDEA设置HTML文件中Vue语法提示，前端面试2024
最新发布
2401_84437691的博客
05-11 562
从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】个人将这段时间所学的知识，分为三个阶段：第一阶段：HTML&CSS&JavaScript基础第二阶段:移动端开发技术第三阶段:前端常用框架推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；
Idea设置Vue.js自动提示
小志的博客
08-18 2万+
参考自：ttps://blog.csdn.net/qq_36949176/article/details/98501668 1、问题** Idea导入Vue.js时候，没有自动提示 2、解决方式 1、File->setting->Inspections，右侧找到Html->Unknown HTML tag attribute，在右边Options->Custom HTML ...
在idea中启动Vue项目报错Love-Swiper
LoKk11的博客
09-28 662
在idea中启动Vue项目报错Love-Swiper
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
在开发Vue项目时，遇到IE11浏览器白屏并报出`SCRIPT1002: 语法错误`的问题，通常是由于IE11不支持ES6语法导致的。Vue.js自身和许多现代JavaScript库广泛使用了ES6特性，而IE11并不完全支持这些新特性。以下是一些...
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换网络环境，导致需要在`package.json`的`dev`脚本中更改`--host`参数。在开发过程中，...
（vue3 ）代码突然爆红错误，但是项目可正常运行
qq_56456071的博客
08-11 8650
vue3 代码突然爆红错误，但是项目可正常运行
快速解决Error: error:0308010C:digital envelope routines::unsupported的三种解决方案
热门推荐
m0_65933139的博客
05-15 9万+
Error: error:0308010C:digital envelope routines::unsupported的三种快速解决方案
node升级带来的问题及解决方案（digital envelope routines::unsupported）
chuanren1991的博客
08-28 842
搜索得知，此为node17就有的bug，issue的解决方案是在 package.json文件中添加构建前指令 set NODE_OPTIONS=–openssl-legacy-provider。然后在 我的电脑 属性中 添加环境变量，很多人都说 配置完环境变量 要重启系统， 但是我自己的电脑，win11的系统，没有重启，就可以直接将项目跑起来。由于项目需要将 node版本从16升级到了18，但是原有的老项目还是使用的16的环境，导致在运行老版本的时候出现错误。名称：NODE OPTIONS。
idea导入VUE项目报错
北极的企鹅
05-30 2195
IDEA导入vue项目，需要添加vue插件
Thingsboard3.4.2编译遇到“digital envelope routines::unsupported run build:prod thingsboard”错误的解决方法
testfish8的博客
11-24 6747
digital envelope routines::unsupported Thingsboard
idea中Vue项目出现expression expected等格式错误之解决方法
qq_42680327的博客
10-30 4207
JavaScript语言标准选择不正确，idea工具默认选择的是EcmaScript5.1,改为EcmaScript 6即可
Intellij IDEA 将vue 里面的错误信息标红显示出来
modelsetget的博客
11-15 7014
idea 启动vue遇到的问题
qq_34756209的博客
10-16 2384
在使用vue启动idea时出现提示  please sprecify npm scripct to run 需要选择scripcts  
idea启动前端vue项目（各种坑）
YXWik的博客
11-23 8317
在idea中安装vue插件 搜索不出来的可以看这个解决方案 安装成功重启idea 点击Treminal 输入命令安装依赖初始化： npm install 解决方案： C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe 重启idea 运行命令：npm install 出现错误：npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行
vue项目报错 :digital envelope routines::unsupported
08-01
回答: 当你在运行Vue项目时遇到报错"error:0308010C:digital envelope routines::unsupported"，这通常是由于Node.js版本不兼容所致。为了解决这个问题，你可以按照以下步骤进行操作： 1. 首先，你可以使用命令行输入"nvm ls available"来查看可用的Node.js版本号。如果你在查看可用版本时遇到报错"Could not retrieve https://nodejs.org/dist/latest/....."，那么你需要打开nvm的安装目录，找到settings.txt文件并打开它。 2. 在settings.txt文件中，你需要增加以下两行，并保存文件： node_mirror:https://npm.taobao.org/mirrors/node/ npm_mirror:https://npm.taobao.org/mirrors/npm/ 3. 接下来，你需要修改项目的package.json文件。在相关的构建命令之前，加入以下代码： "scripts": { "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build" } 通过以上步骤，你应该能够解决"error:0308010C:digital envelope routines::unsupported"的报错。这些步骤主要是确保你的Node.js版本兼容，并设置了正确的环境变量。[1][2][3]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值