🦁

手を動かしながら学ぶTypeScriptのReactの環境構築で詰まった話

2023/09/09に公開

参考書:手を動かしながら学ぶTypeScript
CHAPTER 05
ReactのUIライブラリを作ってみよう

Reactの環境構築を進めて、"npm run dev"のコマンドを使用した際
error:0308010C:digital envelope routines
というエラーが発生した。

https://zenn.dev/niccari/articles/ffdd621eb6be5a
この記事を読むとこれはNode.jsのバージョンがv17より新しいとwebpackに対応せず発生するエラーっぽい。

解決法
package.jsonの
"scripts": {
"build":"webpack",
"dev":"-w",
"serve": "serve ./"
}

"scripts": {
"build":"NODE_OPTIONS=--openssl-legacy-provider webpack",
"dev":"NODE_OPTIONS=--openssl-legacy-provider webpack -w",
"serve": "serve ./"
}
とwebpackに関する記述にNODE_OPTIONS=--openssl-legacy-providerを加えると"npm run dev"を使用することができた。

Discussion