@ConectTheDots314posted at 2023-02-02

package.jsonのscriptが動かない

Q&A

1. 【必須】やりたい・やりたかったこと

$ yarn start

とコマンドを叩くことで、localhost:9000にアクセスでき「/index.htmlです。」と表示させたい

2. 【必須】起きている問題やエラーメッセージ ※できるだけ詳細に書いてください

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

Node.js v19.5.0
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

3. 【必須】ご自身で試されたこと ※できるだけ詳細に書いてください

yarn addでバージョンを指定する
https://qiita.com/suin/items/6faea73b5b16d31d990a
yarn addでバージョンを指定してNPMパッケージをインストールする方法です。

yarn add [パッケージ名]@[バージョン指定]

例: reactのバージョン^16.13.1をインストールする

yarn add 'react@^16.13.1'

完了！

yarn startしてみる

$ yarn start
yarn run v1.22.19
$ webpack-dev-server --mode development --watch
ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from /Users/shouminotaku
node:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:140:10)
    at module.exports (/Users/shouminotaku/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/shouminotaku/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/shouminotaku/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/shouminotaku/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/shouminotaku/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/shouminotaku/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/shouminotaku/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/Users/shouminotaku/node_modules/loader-runner/lib/LoaderRunner.js:205:4) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v19.5.0
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

コマンドの実行に失敗し、終了コード 1 が表示された

ということでリンク先を見てみる
https://classic.yarnpkg.com/en/docs/cli/run

よくわからないが、

$ yarn run ~

.xmlで指定されたスクリプトの〜が実行されるようだ

とりあえず実行時に

$yarn run

実行時にスクリプトを表示させてみる

$ yarn run
yarn run v1.22.19
info Commands available from binary scripts: acorn, ansi-html, atob, errno, he, html-minifier, import-local-fixture, json5, miller-rabin, mime, mkdirp, multicast-dns, rimraf, semver, sha.js, terser, uglifyjs, uuid, webpack, webpack-cli, webpack-dev-server, which
info Project commands
   - start
      webpack-dev-server --mode development --watch
question Which command would you like to run?: start
$ webpack-dev-server --mode development --watch
ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from /Users/shouminotaku
node:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:140:10)
    at module.exports (/Users/shouminotaku/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/shouminotaku/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/shouminotaku/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/shouminotaku/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/shouminotaku/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/shouminotaku/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/shouminotaku/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/Users/shouminotaku/node_modules/loader-runner/lib/LoaderRunner.js:205:4) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v19.5.0
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

とりあえずstartは使用できるようだ。

もしかするとエラーの原因は、node.jsのバージョンが新しすぎることかもしれない。
https://ki-hi-ro.com/what-is-nuxt-js/

参考にするも、実際に打てばいいかわからなかった。

4. 関連するソースコードやスクリーンショット

package.json

{
  "name": "01",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "ejs-compiled-loader": "1.1.0",
    "html-webpack-plugin": "3.2.0",
    "webpack": "4.46.0",
    "webpack-cli": "3.3.12",
    "webpack-dev-server": "3.10.1"
  },
  "scripts": {
    "start": "webpack-dev-server --mode development --watch"
  }
}

index.ejs

/index.htmlです。

Are you sure you want to delete the question?

package.jsonのscriptが動かない

1. 【必須】やりたい・やりたかったこと

2. 【必須】起きている問題やエラーメッセージ ※できるだけ詳細に書いてください

3. 【必須】ご自身で試されたこと ※できるだけ詳細に書いてください

4. 関連するソースコードやスクリーンショット

3Answer

Comments

Your answer might help someone💌