Next.js内で「Storybook」をビルドしようとした際にerror:0308010C:digital envelope routines::unsupportedというエラーが発生した。 ので、エラーの原因と解消法について備忘録として記載する。

Storybookを導入し、ビルドを行うためにstart-storybook -p 6006を実施したところerror:0308010C:digital envelope routines::unsupportedのエラーが発生しビルドができなかった。

エラーが発生したプロジェクトはNodeのバージョンが17に対してwebpackのバージョンが5であったが、Nodeとwebpack間のバージョンの相性が悪かったらしい。

(webpackのバージョン6では解消済みとのこと)

docker-compose.ymlに下記を追加することで解消した。