Impossible to serve with Node v17.0.1

Version

5.0.0-beta.6

Environment info

Environment Info:

  System:
    OS: macOS 11.5.2
    CPU: (8) arm64 Apple M1
  Binaries:
    Node: 17.0.1 - /usr/local/bin/node
    Yarn: 1.22.15 - /opt/homebrew/bin/yarn
    npm: 8.1.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 94.0.4606.81
    Edge: Not Found
    Firefox: 92.0
    Safari: 14.1.2
  npmPackages:
    @intlify/vue-devtools:  9.1.9 
    @intlify/vue-i18n-loader: 3.2.0 => 3.2.0 
    @storybook/vue3: 6.3.12 => 6.3.12 
    @vue/babel-helper-vue-jsx-merge-props:  1.2.1 
    @vue/babel-helper-vue-transform-on:  1.0.2 
    @vue/babel-plugin-jsx:  1.1.1 
    @vue/babel-plugin-transform-vue-jsx:  1.2.1 
    @vue/babel-preset-app:  5.0.0-beta.6 
    @vue/babel-preset-jsx:  1.2.4 
    @vue/babel-sugar-composition-api-inject-h:  1.2.1 
    @vue/babel-sugar-composition-api-render-instance:  1.2.4 
    @vue/babel-sugar-functional-vue:  1.2.2 
    @vue/babel-sugar-inject-h:  1.2.2 
    @vue/babel-sugar-v-model:  1.2.3 
    @vue/babel-sugar-v-on:  1.2.3 
    @vue/cli-overlay:  5.0.0-beta.6 
    @vue/cli-plugin-babel: 5.0.0-beta.6 => 5.0.0-beta.6 
    @vue/cli-plugin-e2e-cypress: 5.0.0-beta.6 => 5.0.0-beta.6 
    @vue/cli-plugin-eslint: 5.0.0-beta.6 => 5.0.0-beta.6 
    @vue/cli-plugin-router: 5.0.0-beta.6 => 5.0.0-beta.6 
    @vue/cli-plugin-typescript: 5.0.0-beta.6 => 5.0.0-beta.6 
    @vue/cli-plugin-unit-jest: 5.0.0-beta.6 => 5.0.0-beta.6 
    @vue/cli-plugin-vuex: 5.0.0-beta.6 => 5.0.0-beta.6 
    @vue/cli-service: 5.0.0-beta.6 => 5.0.0-beta.6 
    @vue/cli-shared-utils:  5.0.0-beta.6 
    @vue/compiler-core:  3.2.20 
    @vue/compiler-dom:  3.2.20 
    @vue/compiler-sfc: 3.2.20 => 3.2.20 
    @vue/compiler-ssr:  3.2.20 
    @vue/component-compiler-utils:  3.2.2 
    @vue/devtools-api:  6.0.0-beta.19 
    @vue/eslint-config-prettier: 6.0.0 => 6.0.0 
    @vue/eslint-config-typescript: 8.0.0 => 8.0.0 
    @vue/reactivity:  3.2.20 
    @vue/ref-transform:  3.2.20 
    @vue/runtime-core:  3.2.20 
    @vue/runtime-dom:  3.2.20 
    @vue/server-renderer:  3.2.20 
    @vue/shared:  3.2.20 
    @vue/test-utils: 2.0.0-rc.16 => 2.0.0-rc.16 
    @vue/vue3-jest: 27.0.0-alpha.1 => 27.0.0-alpha.1 
    @vue/web-component-wrapper:  1.3.0 
    eslint-plugin-vue: 7.20.0 => 7.20.0 
    jest-serializer-vue:  2.0.2 
    typescript: 4.4.4 => 4.4.4 
    vue: 3.2.20 => 3.2.20 (2.6.14)
    vue-cli-plugin-i18n: 2.3.1 => 2.3.1 
    vue-docgen-api:  4.41.2 
    vue-docgen-loader:  undefined (1.5.0)
    vue-eslint-parser:  7.11.0 
    vue-hot-reload-api:  2.3.4 
    vue-i18n: 9.1.9 => 9.1.9 (8.26.5)
    vue-i18n-extract:  1.0.2 
    vue-inbrowser-compiler-utils:  4.41.2 
    vue-loader: 16.8.1 => 16.8.1 (15.9.8)
    vue-router: 4.0.12 => 4.0.12 
    vue-style-loader:  4.1.3 
    vue-template-es2015-compiler:  1.9.1 
    vue3-click-away: 1.2.1 => 1.2.1 
    vuex: 4.0.2 => 4.0.2 
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

• Update to Node v17.0.1
• Create a new vue 3 app through the cli
• run vue-cli-service serve script

What is expected?

Normal compilation of the app

What is actually happening?

Exit code 1

The following object appears in the console

{
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

---

From https://medium.com/the-node-js-collection/node-js-17-is-here-8dba1e14e382 we can see this issue is due to Open SSL 3.0

From the article:

“If you hit an ERR_OSSL_EVP_UNSUPPORTED error in your application with Node.js 17, it’s likely that your application or a module you’re using is attempting to use an algorithm or key size which is no longer allowed by default with OpenSSL 3.0. A new command-line option, --openssl-legacy-provider, has been added to revert to the legacy provider as a temporary workaround for these tightened restrictions.”

[mhavid]

@Miguel-Bento-Github change script in pancake.json with "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"

[mrichman]

export NODE_OPTIONS=--openssl-legacy-provider fixes it for me.