解决node版本导致的前端无法启动的问题

最新推荐文章于 2025-09-11 09:32:12 发布

原创最新推荐文章于 2025-09-11 09:32:12 发布 · 702 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

在package.json的scripts字段中，设置NODE_OPTIONS环境变量为--openssl-legacy-provider，以解决Vue项目在运行时遇到的openssl版本不兼容问题。提供两种启动方法，一种是直接在serve和build命令前添加环境变量，另一种是在单独的dev_t命令中设置环境变量后再启动dev。这确保了项目可以正常运行和构建。

在package.json文件种加入set NODE_OPTIONS=–openssl-legacy-provider

"scripts": {
    "pre": "cnpm install || yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ",
    "serve": "set NODE_OPTIONS=\"--openssl-legacy-provider\" & vue-cli-service serve",
    "build:test": "vue-cli-service build --mode test",
    "build": "set NODE_OPTIONS=\"--openssl-legacy-provider\" & vue-cli-service build\n",
    "lint": "vue-cli-service lint"
  },

启动方法 npm run dev

或者使用以下方法

  "scripts": {
    "dev": "vue-cli-service serve",
    "build:prod": "vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src",
    "dev_t": "set NODE_OPTIONS=\"--openssl-legacy-provider\" & npm run dev\n"
  },

启动方法 npm run dev_t