question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

tsbuildinfo has wrong path for Storybook

See original GitHub issue

Current Behavior

.tsbuildinfo files, generated from the incremental flag, have wrong paths for Storybook:

apps/site/.storybook/apps/site/.storybook/tsconfig.tsbuildinfo

Also, I think these files should be gitignored.

Plus, wrong paths is set for .stories. files (I don’t know whether I have to create another issue for this problem):

    '../src/app/**/*.stories.mdx',
    '../src/app/**/*.stories.@(js|jsx|ts|tsx)',

Expected Behavior

apps/site/.storybook/tsconfig.tsbuildinfo

Steps to Reproduce

repro repo (branch tsbuildinfo-path)

  1. npx create-nx-workspace with Nextjs (I’m not sure if it’s true for other options)
  2. build the project – incremental flag should now be enabled in tsconfig.json
  3. npm i -D @nrwl/storybook
  4. nx g @nrwl/react:storybook-configuration site
  5. nx run site:storybook (this command generates tsconfig.tsbuildinfo)

Failure Logs

No failure logs

Environment

  Node : 14.17.3
  OS   : linux x64
  npm  : 6.14.13
  
  nx : 13.3.6
  @nrwl/angular : undefined
  @nrwl/cli : 13.3.6
  @nrwl/cypress : 13.3.6
  @nrwl/devkit : 13.3.6
  @nrwl/eslint-plugin-nx : 13.3.6
  @nrwl/express : undefined
  @nrwl/jest : 13.3.6
  @nrwl/linter : 13.3.6
  @nrwl/nest : undefined
  @nrwl/next : 13.3.6
  @nrwl/node : undefined
  @nrwl/nx-cloud : undefined
  @nrwl/react : 13.3.6
  @nrwl/react-native : undefined
  @nrwl/schematics : undefined
  @nrwl/tao : 13.3.6
  @nrwl/web : 13.3.6
  @nrwl/workspace : 13.3.6
  @nrwl/storybook : 13.3.6
  @nrwl/gatsby : undefined
  typescript : 4.4.4
  rxjs : 6.6.7
  ---------------------------------------
  Community plugins:

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
BorisZubchenkocommented, Dec 21, 2021

@mandarini, thank you for a detailed response, it’s now clear for me that I should manage storybook within React’s library.

0reactions
mandarinicommented, Dec 21, 2021

😃 Glad I could help!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Storybook Addon Next
Statically imported images won't load; This addon breaks when the .mjs extension for the next config is used; Module not found: Error: Can't...
Read more >
Cannot write file because it would overwrite input file TS
This is often an issue when importing files by mistake from a path like some build directory. If the error persists, make sure...
Read more >
Understanding TypeScript Configuration Options
After running tsc , TypeScript will generate tsconfig.tsbuildinfo which is used to detect the least costly way to type check and to emit...
Read more >
Storybook - no stories showing up in typescript project with ...
When trying to create a story from my components, I get the error: Module not found: Error: Can't resolve 'esri/Basemap' in '/.../GitHub/20-maps ...
Read more >
How to resolve a path alias in Storybook - +return
We have solved the path alias issue with CRA projects earlier, but we are likely going to encounter it again if we are...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found