npm error: Cannot destructure property `name` of 'undefined' or 'null'

環境

node v15.6.0

npm v7.5.2

npm i -D @storybook/preset-scss

$ npm i -D @storybook/preset-scss したら以下のエラーがでた

npm ERR! code ERESOLVE
npm ERR! Cannot destructure property 'name' of 'node' as it is null.

legacy-peer-deps=true

こちらの Issue によると、npm v7 の不具合らしい。 記載されているとおりに、

$ echo "legacy-peer-deps=true" >> .npmrc

すると直った。($ npm install --legacy-peer-deps でも良いらしい）

npm v6 にダウングレードするよりは良い解決策らしいのでこちらのエラーが出たらこの設定を追加してみよう。