@nuxtjs/storybook の build が成功しない

[odanado]

ここの nuxtBuilder.build() で .nuxt-storybook/layouts/default.vue が生成されて、この中身が components ディレクトリ内部のファイルをコピーしているので、エラーになる
https://github.com/nuxt-community/storybook/blob/8d809bfa77d01f8e61df82f13e9efbe2bdb68181/src/index.ts#L102

[odanado]

続報
https://github.com/nuxt/nuxt.js/blob/baf94d31f300b3fdeae1da12af7e944016fe99b3/packages/builder/src/builder.js#L570
ここで .nuxt-storybook/layouts/default.vue が生成されている

[odanado]

builder.template に default.vue が含まれているせい

[odanado]

設定はここ
https://github.com/nuxt/nuxt.js/blob/7e7190b90d4ec781b80bdfe3d90d4174f1fbdc2d/packages/builder/src/builder.js#L79

[odanado]

ないけど 🤔
https://github.com/nuxt/nuxt.js/blob/c5a446557297b735103f322b83df74efc189734d/packages/vue-app/src/index.js#L7

[odanado]

ここで push されている
https://github.com/nuxt/nuxt.js/blob/7e7190b90d4ec781b80bdfe3d90d4174f1fbdc2d/packages/builder/src/builder.js#L366

[odanado]

build が成功するプロジェクトでは templateVars.layouts.default が ../app/layouts/default.vue
このプロジェクトでは undefined

[odanado]

srcDir の違いだった
この行の this.options.srcDir の値が違う
https://github.com/nuxt/nuxt.js/blob/7e7190b90d4ec781b80bdfe3d90d4174f1fbdc2d/packages/builder/src/builder.js#L338
成功するプロジェクトはちゃんと nuxt.config の指定した値が設定されているが、失敗するプロジェクトでは設定されていない

[odanado]

成功するプロジェクトで config nuxt.config.ts にすると再現する

[odanado]

これっぽい...？
nuxt-modules/storybook#160

[odanado]

ここでは require.resolve("./nuxt.config") が実行される
node のコンテキストだと nuxt.config.ts は見つからず、ts-node のコンテキストだと見つかる
https://github.com/nuxt/nuxt.js/blob/4de44e6c523f50acff0bd9615b891ed567c2d4b9/packages/config/src/load.js#L28

yarn nuxt storybook build は node のコンテキストで実行されているのが原因

[odanado]

nuxt のサブコマンドの問題か...？

[odanado]

nuxt-storybook コマンドを execa で実行している

https://github.com/nuxt/nuxt.js/blob/819afcdeb447b73b675cfc654f641fc2df5894f9/packages/cli/src/run.js#L44

better child_process らしい

[odanado]

workaround
yarn ts-node node_modules/.bin/nuxt-storybook build