首页 > 其他分享 >vue前端项目启动报错:error:0308010C:digital envelope routines::unsupported

vue前端项目启动报错:error:0308010C:digital envelope routines::unsupported

时间:2023-11-19 23:02:02浏览次数:38  
标签:NODE 0308010C vue -- dev legacy 报错 provider OPTIONS

问题描述

使用 npm run dev 或者 yarn run dev 时报错:error:0308010C:digital envelope routines::unsupported

vue前端项目启动报错:error:0308010C:digital envelope routines::unsupported_ide

解决方案

修改package.json,在相关构建命令之前加入set NODE_OPTIONS=--openssl-legacy-provider

"scripts": {
    "dev": "set NODE_OPTIONS=--openssl-legacy-provider & node build/dev-server.js",
    "serve": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service serve",
    "build": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service build",
    "build:report": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service build --report",

例如,如果你使用的命令是npm run dev,那么就在 scripts 命令下的 dev 命令前面加

如果是 Linux 或者 WSL 环境,请加入 export NODE_OPTIONS=--openssl-legacy-provider

补充

也可以把 NodeJS 的版本降到12,就不会出现这个问题

标签:NODE,0308010C,vue,--,dev,legacy,报错,provider,OPTIONS
From: https://blog.51cto.com/u_16291619/8476010

相关文章

  • vue十六
    <divid="app16"style="text-align:center;margin-top:10%;"><div><inputid="sou"type="text"style="width:40%;"v-model="word"><buttonsty......
  • vue中使用element中的表单展示数据
    要注意表单的data不能写错,只能是tableData  data里面的“item”可以改成别的,无所谓......
  • vue3 基础-Pinia 可能替代 Vuex 的全局数据状态管理
    Pinia初体验Pinia.js是由Vue.js团队核心成员开发的新一代状态管理器,使用CompositionApi进行重新设计的,也被视为下一代Vuex。Pinia是一个Vue的状态管理库,允许跨组件、跨页面进行全局共享状态,也由于其设计的简洁性、和对typescript的良好支持,取代Vuex指日可待。或许,你在想在vue......
  • vue15
    <divid="app15"><ul><liv-for="(item,index)innews":key="item.id">{{item.title}}<imgalt="img":src="item.img">&l......
  • 在Vue3中使用Element-Plus分页(Pagination )组件
    在Vue3中使用Element-Plus分页(Pagination)组件开发过程中数据展示会经常使用到,同时分页功能也会添加到页面中。记:在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。开始实现引入表格和分页组件的H5标签。<strong>Element-Plus分页组件使用</strong><div> <el-ta......
  • vue项目中如何解决出现两次重新登录弹框的问题?
    举例描述一下业务场景:当token过期,需要用户重新登录时,需要在页面弹框提示重新登录。显然这个重新登录的提示弹框的逻辑是在响应拦截器中加的,我的代码如下:(只提供部分代码)1//返回拦截器2service.interceptors.response.use(3response=>{4if(response.d......
  • node-canvas 安装报错
    node-canvas安装报错内容一般如下....npmERR!commandC:\Windows\system32\cmd.exe/d/s/cnode-pre-gypinstall--fallback-to-build--update-binarynpmERR!Warning:Missinginputfiles:npmERR!C:\GTK\bin\libgmodule-2.0-0.dllnpmERR!C:\GTK\bin\libpang......
  • 自定义Vue脚手架
    创建一个vue项目,项目名叫custom选择最下面的自定义脚手架选择你需要的配置选择vue版本询问是否采用历史模式,默认是hash模式,history模式需要后端进行额外配置选择CSS预处理器选择eslint规范,这里选择的是无分号的规范选择什么时候进行校验,这里选择的是保存时进行校验......
  • vue slot插槽
      插槽(slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽,可以把插槽认为是组件封装期间,为用户预留的内容的占位符,适用于父组件→子组件,$slots是组件插槽集,是组件所有默认插槽、具名插槽的集合,可以用来获取当前组件的插......
  • springboot3+vue3大事件的展示
    跟着黑马老师,做了一遍收获很大 ......