0
Help us understand the problem. What are the problem?

posted at

Nuxtをインストール後にnpm run devでエラーを吐く時の解決方法

解決方法:NodeをLTSバージョンに変更

Nuxtをインストールしてよし始めるぞとなった時に下記のエラー吐きました。

node:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:135:10)
    at module.exports (/Users/tenopee/work/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/tenopee/work/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/tenopee/work/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/tenopee/work/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/tenopee/work/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/tenopee/work/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/tenopee/work/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/Users/tenopee/work/webpack/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/Users/tenopee/work/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /Users/tenopee/work/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
    at /Users/tenopee/work/node_modules/graceful-fs/graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v17.5.0

まずは環境の確認。
Node:v17.5.0
Nuxt:v2.15.8

次にNuxtのドキュメントを確認。

Node.js - 最新の LTS バージョンのインストールを推奨します。

次にNode.jsのドキュメントでLTSバージョンを確認しました。
リリース情報
リリース一覧
nodejs.org_ja_about_releases_.png
※2022/4/5時点

ということで私が使っていたNodeのバージョンがLTSではなかったため、v16の一番最新のv16.14.2を使うとエラーを吐くことなく動きました。

最後にひとこと

「よっしゃ開発するぞ!全部最新のバージョンを使ったろ!」と最初はなると思いますが、いざ開発しようとなった時に最新バージョンが使えないってことは結構あると思います。
ちゃんとドキュメントをよんで推奨バージョンを確認すればこのような失敗にはならなかったと思うので、今後も気をつけたいと思いました。
皆様もお気をつけてください。

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
0
Help us understand the problem. What are the problem?