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.

fails to install on ubuntu, pnpm@latest, typescript@beta, react@18.1, webpack@latest ?

See original GitHub issue

Describe the bug

pnpx sb init - fails no error, just hangs

pnpx sb init --type react: fails with the following error

 • Installing Storybook for user specified project type: react. ✓
 • Adding Storybook support to your "React" app(⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂) ⠼ reify: timing ar
npm ERR! Cannot read properties of null (reading 'matches')

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/poop/.npm/_logs/2022-05-01T18_29_55_012Z-debug-0.log
An error occurred while installing dependencies.

pnpx sb init --type webpack_react: fails

poop@spaceship:~/git/foss/uiproto
02:44 PM (develop=) 
$ pnpx sb init --type webpack_react
✔ Install the following package: sb@latest? (Y/n) · true
 WARN  deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
 WARN  deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
 WARN  deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
 WARN  deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
 WARN  deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
 WARN  deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
 WARN  deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
Packages: +855
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
  Content-addressable store is at: /home/poop/.pnpm-store/v3
  Virtual store is at:             node_modules/.pnpm
Progress: resolved 858, reused 856, downloaded 0, added 855, done
node_modules/.pnpm/core-js@3.22.3/node_modules/core-js: Running postinstall script, done in 53ms

/home/poop/.pnpm-store/v3/tmp/_npx/1078092/5:
+ sb 6.4.22

 WARN  Issues with peer dependencies found
.
└─┬ sb
  └─┬ @storybook/cli
    ├── ✕ missing peer jest@"*"
    └─┬ @storybook/core-common
      ├── ✕ missing peer typescript@"*"
      ├── ✕ missing peer react@"^16.8.0 || ^17.0.0"
      ├── ✕ missing peer react-dom@"^16.8.0 || ^17.0.0"
      └─┬ fork-ts-checker-webpack-plugin
        └── ✕ missing peer typescript@">= 2.7"
Peer dependencies that should be installed:
  jest@"*"                        react@"^16.8.0 || ^17.0.0"      
  react-dom@"^16.8.0 || ^17.0.0"  typescript@>=2.7.0              

 sb init - the simplest way to add a Storybook to your project. 

 • Installing Storybook for user specified project type: webpack_react. ✓
 • Adding Storybook support to your "Webpack React" app. ✓
 • Preparing to install dependencies. ✓


 • Installing dependencies(⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂) ⠼ reify: timing arborist:ctor Completed(#⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂) ⠴ idealTree:at-least-node: timing idealTree:node_modules/.pnpm/at-least-node@1.0.0/node_modules/at-least-node Completed in

fails:
8250 error Cannot read properties of null (reading 'matches')

To Reproduce Please create a reproduction by running npx sb@next repro and following the instructions. Read our documentation to learn more about creating reproductions. Paste your repository and deployed reproduction here. We prioritize issues with reproductions over those without.

will extract the basics of a my typescript project into a repo shortly after creating this issue

repository with issue: https://github.com/noahehall/uiproto

System Please paste the results of npx sb@next info here.

Packages are hard linked from the content-addressable store to the virtual store.
  Content-addressable store is at: /home/poop/.pnpm-store/v3
  Virtual store is at:             node_modules/.pnpm
Progress: resolved 860, reused 849, downloaded 9, added 857, done
node_modules/.pnpm/core-js@3.22.3/node_modules/core-js: Running postinstall script, done in 53ms

/home/poop/.pnpm-store/v3/tmp/_npx/998267/5:
+ sb 6.5.0-beta.1

 WARN  Issues with peer dependencies found
.
└─┬ sb
  └─┬ @storybook/cli
    ├── ✕ missing peer jest@"*"
    └─┬ @storybook/core-common
      ├── ✕ missing peer typescript@"*"
      ├── ✕ missing peer react@"^16.8.0 || ^17.0.0 || ^18.0.0"
      ├── ✕ missing peer react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0"
      └─┬ fork-ts-checker-webpack-plugin
        └── ✕ missing peer typescript@">= 2.7"
Peer dependencies that should be installed:
  jest@"*"
  react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0"
  react@"^16.8.0 || ^17.0.0 || ^18.0.0"
  typescript@>=2.7.0

Environment Info:

  System:
    OS: Linux 5.13 Ubuntu 21.10 21.10 (Impish Indri)
    CPU: (12) x64 Intel(R) Core(TM) i7-10850H CPU @ 2.70GHz
  Binaries:
    Node: 18.0.0 - ~/.nvm/versions/node/v18.0.0/bin/node
    npm: 8.6.0 - ~/.nvm/versions/node/v18.0.0/bin/npm
  Browsers:
    Firefox: 99.0

Additional context

morbius is the worse movie ever made

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:18
  • Comments:32 (12 by maintainers)

github_iconTop GitHub Comments

13reactions
dohooocommented, May 27, 2022

WOW!!! I solved this problem!!!

Try this!!!

# Remove workspace dependencies. ()
rm -rf ./node_modules
rm -rf ./pnpm-lock.yaml

# Remove packages dependencies.
pnpm -r exec rm -rf ./node_modules

rm -rf $(pnpm store path)

pnpm dlx sb@latest upgrade 

# Convert package-lock.json to pnpm-lock.json
pnpm import

7reactions
moonrailguncommented, May 6, 2022

FYI: I try to use pnpx sb@next init and some file has been create (.storybook and examples) and still throw same problem

image

Read more comments on GitHub >

github_iconTop Results From Across the Web

No results found

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