Cannot copy './public' to a subdirectory of itself, './public/storybook/'.
概要
理由
親フォルダの./publicをそのフォルダ内の./public/storybookにコピーしようとして循環参照のようになってしまっている
関連ライブラリのバージョン
code:json
"storybook": "^7.4.3",
"next": "13.5.2",
"msw"": "^1.2.5",
"msw-storybook-addon": "^1.8.0",
解決策
publicをそのままstorybookのstatic dirsにしない
例えば以下のように、ファイル or フォルダごとにconfiguration objectsを指定すれば良い
code:ts
import type { StorybookConfig } from '@storybook/nextjs'
const config: StorybookConfig = {
// ...
staticDirs: [
{
from: '../public/mockServiceWorker.js',
to: 'mockServiceWorker.js',
},
],
// ...
}
export default config