Zenn
Closed3

storybook

Storybook
tomoyanakamuratomoyanakamura

@storybook/react v6.2.1 にて yarn storybook をしたところ

ERR! TypeError: Cannot read property 'endsWith' of undefined
ERR!     at /Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-files.js:40:24
ERR!     at Array.map (<anonymous>)
ERR!     at getInterpretedFileWithExt (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-files.js:38:29)
ERR!     at getCandidate (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-require.js:72:67)
ERR!     at serverResolve (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-require.js:106:27)
ERR!     at serverRequire (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-require.js:83:23)
ERR!     at getPreviewBuilder (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-server/dist/cjs/utils/get-preview-builder.js:23:54)
ERR!     at buildDevStandalone (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-server/dist/cjs/build-dev.js:97:71)
ERR!     at processTicksAndRejections (node:internal/process/task_queues:93:5)
ERR!     at async buildDev (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-server/dist/cjs/build-dev.js:147:5)
ERR!  TypeError: Cannot read property 'endsWith' of undefined
ERR!     at /Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-files.js:40:24
ERR!     at Array.map (<anonymous>)
ERR!     at getInterpretedFileWithExt (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-files.js:38:29)
ERR!     at getCandidate (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-require.js:72:67)
ERR!     at serverResolve (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-require.js:106:27)
ERR!     at serverRequire (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-common/dist/cjs/utils/interpret-require.js:83:23)
ERR!     at getPreviewBuilder (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-server/dist/cjs/utils/get-preview-builder.js:23:54)
ERR!     at buildDevStandalone (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-server/dist/cjs/build-dev.js:97:71)
ERR!     at processTicksAndRejections (node:internal/process/task_queues:93:5)
ERR!     at async buildDev (/Users/tomoyanakamura/Desktop/bylegal/century-front/node_modules/@storybook/core-server/dist/cjs/build-dev.js:147:5)

こんなエラーが発生中

tomoyanakamuratomoyanakamura

主な使用ライブラリ
"next": "10.0.9",
"styled-components": "5.2.1"
"react": "17.0.2"
"react-dom": "17.0.2",

おそらく styled-components のバージョンがあってない

このスクラップは2022/01/27にクローズされました