初始化好vue/cli项目后使用npm run server命令出现：error:0308010C:digital envelope routines::unsupported

已于 2022-03-04 12:17:57 修改
阅读量4.7k 收藏 11
点赞数 8
分类专栏： 学习 文章标签： vue.js npm 前端 node.js
于 2021-12-05 11:04:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46353030/article/details/121726670
版权

环境

  • vue/cli
  • win10
  • macOS
  • vs code

问题

初始化好vue/cli项目后使用npm run server命令出现：error:0308010C:digital envelope routines::unsupported

原因

node.js v17版本在OpenSSL方面做了更新

解决办法

  1. 使用nvm 的nvm use 版本号命令将node.js版本切换为v17以下的版本（window推荐使用这个方法🌟）
  2. 卸载node，重新下载node v16的版本（macOS系统推荐使用这个方法🌟）
  3. 修改配置，非永久性，程序结束之后要再输入一次可以使用npm run serve 命令
#windows系统
set NODE_OPTIONS=--openssl-legacy-provider

#macOS 系统
export NODE_OPTIONS=--openssl-legacy-provider

参考文章

https://blog.csdn.net/KaiKaiWaWa/article/details/121599257
https://github.com/ant-design/ant-design-pro/issues/9272

Krlin_
关注
  • 8
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
npm run dev 报错：Error: error:0308010C:digital envelope routines::unsupported
weixin_46016659的博客
03-26 947
里面的评论区给出了解决办法。
vue-cli初始化项目中使用less的方法
10-18
在 Vue CLI 初始化的项目中集成 Less 作为 CSS 预处理器，可以使样式代码更易于管理和维护，利用 Less 的变量、嵌套规则、运算符等功能提升开发效率。 Less 是一种 CSS 预处理器，它允许开发者使用变量、嵌套规则、...
npm run serve报错：error:0308010C:digital envelope routines::unsupported
Z_J_Xx的博客
11-04 1417
npm run serve报错信息
node: --openssl-legacy-provider is not allowed in NODE_OPTIONS 怎么解决
最新发布
wslyfzz的博客
06-25 4368
当你在使用 Node.js 运行程序时，如果出现了 "node: --openssl-legacy-provider is not allowed in NODE_OPTIONS" 的错误提示，这是因 为在 NODE_OPTIONS 环境变量中使用了 --openssl-legacy-provider 选项，而该选项已经被弃用。2. 如果你无法升级 Node.js 版本，可以在 NODE_OPTIONS 环境变量中将 --openssl-legacy-provider 参数移除。
npm run serve 报error:0308010C:digital envelope routines::unsupported
a15828444995的博客
09-23 431
npm run serve 报error:0308010C:digital envelope routines::unsupported
npm run serve出现错误 error:0308010C:digital envelope routines::unsupported
yuxuan89814的专栏
07-11 1783
npm run serve出现错误：error:0308010C:digital envelope routines::unsupported
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for usage info. Hash: e040e8aa823a0e30ae4b Version: webpack 4.41.4 Time: 79ms Built at: 2019-12-23 19:52:00 ERROR in Entry module not found: Error: Can't ...
详解使用vue-cli脚手架初始化Vue项目下的项目结构
08-27
详解使用vue-cli脚手架初始化Vue项目下的项目结构 在本文中，我们将详细介绍使用vue-cli脚手架初始化Vue项目下的项目结构。vue-cli是Vue提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用...
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
10-18
本教程将引导您了解如何使用npm来安装和初始化Vue 3项目。 首先，确保您的开发环境中已经安装了Node.js，因为Vue CLI是基于Node.js的包管理器npm构建的。要安装Vue CLI，打开终端或命令提示符，并运行以下全局安装...
vuecli-mockserver-faker:结合使用vuecli构建项目和Mockserver＆fakerjs来模拟前端数据
05-14
Vuecli-mockserver-faker 一个Vue.js项目，带有模拟服务器和faker.js构建设置 # install dependenciesnpm install# serve with hot reload at localhost:8080 and json-server mock data at localhost:3000npm run ...
vue:vue-cli初始项目
03-20
总的来说，这个项目是一个使用Vue CLI初始化的Vue.js项目，通过`npm install`安装依赖，用`npm run serve`启动开发服务器进行开发，而`npm run build`则用于构建生产版本。文件结构和配置符合Vue CLI的常规标准，...
Vue学习资料-预习课01：开发环境准备
05-08
一旦项目创建完毕，你可以在项目中添加`vue-router`，通过`npm install -g @vue/cli-service-global`和`vue add router`命令来实现路由功能。 总结来说，Vue学习前的开发环境准备涵盖了VSCode的安装与配置、Git的...
vue3.0 CLI – 1 – npm 安装与初始化的入门教程
12-11
本教程将引导你完成 Vue CLI 的安装和初始化过程，以便你可以开始开发基于 Vue 3 的项目。 首先，确保你已经安装了 Node.js 环境，因为 Vue CLI 需要依赖于 Node.js 的包管理器 npm。在命令行中，你可以通过以下...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个页面 watch-multi : 并行观看多个页面 你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目...
Error: error:0308010C:digital envelope routines::unsupported
热门推荐
xy_9999的博客
07-30 1万+
npm run serve时 抛出异常error0308010C
【Npm run serve/build 错误：Error: error:0308010C:digital envelope routines::unsupported】
小孙不够睡的博客
03-03 619
Npm run serve/build 错误：Error: error:0308010C:digital envelope routines::unsupported
【Vue】npm run serve时Error:0308010C:digital envelope routines::unsupported
The Gao的博客
12-14 6119
亲测有效。
vue项目运行npm run serve后报错Error: error:0308010C:digital envelope routines::unsupported
08-24
运行`npm run serve`命令时报错`Error: error:0308010C:digital envelope routines::unsupported`。这个错误通常是由于Node.js版本与OpenSSL版本不兼容导致的。您可以尝试以下解决方法： 1. 在运行`npm run serve`之前，设置`NODE_OPTIONS`环境变量为`--openssl-legacy-provider`。可以使用以下命令： ``` set NODE_OPTIONS=--openssl-legacy-provider ``` 然后再运行`npm run serve`命令。 2. 如果上述方法不起作用，您可以尝试更新Node.js和OpenSSL版本，并确保它们兼容。请根据您的操作系统和开发环境选择合适的版本进行更新。 3. 另外一种不推荐的解决方法是，在项目文件中打开终端，并直接输入`npm run serve`命令。这种方法可以临时解决问题，但不是长期的解决方案。 希望以上解决方法对您有帮助。如果问题仍然存在，请提供更多的错误信息或上下文，以便我们能够给出更具体的解决方案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [npm run serve 报错：Error: error:0308010C:digital envelope routines::unsupported](https://blog.csdn.net/qq_52181856/article/details/127691888)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [npm run serve 报错 error:0308010C:digital envelope routines::unsupported](https://blog.csdn.net/qq_52421092/article/details/130541175)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值