StorybookのコンフィグをTypeScriptで書きたいので調べた

これらの罠は、Storybook が、ts-node がいれば ts-node/register を require して main.ts のトランスパイルに使う暗黙的な挙動が原因。 ただ、わかってしまえば、ts-node の設定方法 を使えばいいだけなので解決できる。 { "compilerOptions": { // こちらはフロントアプリの TS コードをトランスパイルするのに最適な設定にしておけばいい。 }, // Storybook が main.ts を読み込むときに使う設定。 // ts-node がプロジェクトの依存にあれば ts-node/register が自動で使われるので、結果的にこの設定が有効になる。 // cf. https://github.com/TypeStrong/ts-node/tree/v10.4.0#via-tsconfigjson-recomme