storybook icon indicating copy to clipboard operation
storybook copied to clipboard

`ts-node` in dependency tree breaks Storybook with TypeScript config

Open tim-phillips opened this issue 1 year ago • 0 comments

Describe the bug

After following the instructions to configure my project with TypeScript, if I install ts-node or a dependency that depends on ts-node, then npm run storybook exits with the following error:

/Users/me/test/storybook-ts-node/.storybook/main.ts:15

SyntaxError: Unexpected token 'export'
ERR!     at Object.compileFunction (node:vm:352:18)
ERR!     at wrapSafe (node:internal/modules/cjs/loader:1033:15)
ERR!     at Module._compile (node:internal/modules/cjs/loader:1069:27)
ERR!     at Module.m._compile (/Users/me/test/storybook-ts-node/node_modules/ts-node/src/index.ts:1618:23)
ERR!     at Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
ERR!     at Object.require.extensions.<computed> [as .ts] (/Users/me/test/storybook-ts-node/node_modules/ts-node/src/index.ts:1621:12)
ERR!     at Module.load (node:internal/modules/cjs/loader:981:32)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:822:12)
ERR!     at Module.require (node:internal/modules/cjs/loader:1005:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)

If I remove the package then npm run storybook works fine.

To Reproduce

  1. Clone this repo: https://github.com/tim-phillips/storybook-ts-node-repro
  2. Run npm run storybook
  3. Observe SyntaxError

I cannot deploy this reproduction since the bug prevents build.

In this repro, @commitlint/cli includes the dependency ts-node.

System

Environment Info:

  System:
    OS: macOS 12.5
    CPU: (10) arm64 Apple M1 Pro
  Binaries:
    Node: 16.15.1 - ~/.volta/tools/image/node/16.15.1/bin/node
    Yarn: 3.2.3 - ~/.volta/tools/image/yarn/1.22.17/bin/yarn
    npm: 8.11.0 - ~/.volta/tools/image/node/16.15.1/bin/npm
  Browsers:
    Chrome: 105.0.5195.102
    Firefox: 95.0.2
    Safari: 15.6
  npmPackages:
    @storybook/addon-actions: ^6.5.11 => 6.5.11 
    @storybook/addon-docs: ^6.5.11 => 6.5.11 
    @storybook/addon-essentials: ^6.5.11 => 6.5.11 
    @storybook/addon-interactions: ^6.5.11 => 6.5.11 
    @storybook/addon-links: ^6.5.11 => 6.5.11 
    @storybook/builder-webpack5: ^6.5.11 => 6.5.11 
    @storybook/manager-webpack5: ^6.5.11 => 6.5.11 
    @storybook/node-logger: ^6.5.11 => 6.5.11 
    @storybook/preset-create-react-app: ^4.1.2 => 4.1.2 
    @storybook/react: ^6.5.11 => 6.5.11 
    @storybook/testing-library: ^0.0.13 => 0.0.13 

tim-phillips avatar Sep 14 '22 20:09 tim-phillips