@nuxtjs/storybook の build が成功しない about blog HOT 13 CLOSED

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

from blog.

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

from blog.

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

from blog.

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

from blog.

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

from blog.

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

from blog.

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

from blog.

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

from blog.

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

from blog.

ここでは 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 のコンテキストで実行されているのが原因

from blog.

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

from blog.

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

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

better child_process らしい

from blog.

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

from blog.