Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed
noahehall opened this issue May 1, 2022 · 38 comments
Closed

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

noahehall opened this issue May 1, 2022 · 38 comments
Labels
bug needs triage pnpm

Comments

@noahehall
Copy link

noahehall commented May 1, 2022 •
edited

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
@noahehall noahehall changed the title fails on ubuntu, pnpm@latest, typescript@beta, react@18.1, webpack@latest ? fails to install on ubuntu, pnpm@latest, typescript@beta, react@18.1, webpack@latest ? May 1, 2022
@IanVS
Copy link
Member

IanVS commented May 5, 2022

This seems to be a bug in NPM: npm/cli#4367, but maybe we can do some peer dependency cleanup to try to avoid it.

@IanVS IanVS mentioned this issue May 5, 2022
Merged
3 tasks
@IanVS
Copy link
Member

IanVS commented May 5, 2022

A workaround that has solved the issue for at least one person is to install sb locally, (npm install --save-dev sb) and then npx sb to run it from the local project, rather than globally.

@IanVS
Copy link
Member

IanVS commented May 5, 2022

@noahehall would you mind trying out the latest beta version of the cli, pnpx sb@next init? I'm wondering if the change to remove jest from peer dependencies helped at all.

@moonrailgun
Copy link

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

image

@IanVS
Copy link
Member

IanVS commented May 11, 2022

This seems to be happening due to the peerDependencies specified here on core-common:

storybook/lib/core-common/package.json

Lines 102 to 105 in f7c9ce5

"peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
},

as well as typescript specified as a peer on a sub-dependency:

https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/blob/main/package.json#L71

@noahehall
Copy link
Author

Sorry for the late reply guys! i was in the hospital these last few days. but i will try all the suggestions and report back

-nh

@noahehall
Copy link
Author

@noahehall would you mind trying out the latest beta version of the cli, pnpx sb@next init? I'm wondering if the change to remove jest from peer dependencies helped at all.

it created a .storybook dir but failed to fully install

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

 WARN  Issues with peer dependencies found
.
└─┬ sb
  └─┬ @storybook/cli
    └─┬ @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:
  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

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

 • Detecting project type. ✓






 • Adding Storybook support to your "Webpack React" app
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-12T10_12_04_855Z-debug-0.log
An error occurred while installing dependencies.

@noahehall
Copy link
Author

A workaround that has solved the issue for at least one person is to install sb locally, (npm install --save-dev sb) and then npx sb to run it from the local project, rather than globally.

same error

$ pnpx sb init

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

 • Detecting project type. ✓
 • Adding Storybook support to your "Webpack React" app. ✓
 • Preparing to install dependencies. ✓


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-12T10_15_26_987Z-debug-0.log
. ✖

     An error occurred while installing dependencies.

poop@spaceship:~/git/foss/uiproto
05:19 AM (test *%=)

@IanVS
Copy link
Member

IanVS commented May 12, 2022

i was in the hospital these last few days.

Oh no! Sorry to hear that, hope everything is alright now. 💜

It's strange that installing locally did not work... and the error message is not very helpful. Are there any other details in the debug log?

@noahehall
Copy link
Author

noahehall commented May 12, 2022 •
edited

yeah im doing great, err at least better than I was few days ago, heres the debug log

debug log 
0 verbose cli /home/poop/.nvm/versions/node/v18.1.0/bin/node /home/poop/.nvm/versions/node/v18.1.0/bin/npm
1 info using npm@8.8.0
2 info using node@v18.1.0
3 timing npm:load:whichnode Completed in 0ms
4 timing config:load:defaults Completed in 1ms
5 timing config:load:file:/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/npmrc Completed in 0ms
6 timing config:load:builtin Completed in 0ms
7 timing config:load:cli Completed in 2ms
8 timing config:load:env Completed in 0ms
9 timing config:load:file:/home/poop/git/foss/uiproto/.npmrc Completed in 0ms
10 timing config:load:project Completed in 3ms
11 timing config:load:file:/home/poop/.npmrc Completed in 0ms
12 timing config:load:user Completed in 0ms
13 timing config:load:file:/home/poop/.nvm/versions/node/v18.1.0/etc/npmrc Completed in 0ms
14 timing config:load:global Completed in 0ms
15 timing config:load:validate Completed in 0ms
16 timing config:load:credentials Completed in 1ms
17 timing config:load:setEnvs Completed in 1ms
18 timing config:load Completed in 8ms
19 timing npm:load:configload Completed in 9ms
20 timing npm:load:mkdirpcache Completed in 3ms
21 timing npm:load:mkdirplogs Completed in 0ms
22 verbose title npm install @storybook/react@^6.5.0-beta.8 @storybook/addon-links@^6.5.0-beta.8 @storybook/addon-essentials@^6.5.0-beta.8 @storybook/addon-actions@^6.5.0-beta.8 @storybook/addon-interactions@^6.5.0-beta.8 @storybook/testing-library@^0.0.11 @storybook/builder-webpack4@^6.5.0-beta.8 @storybook/manager-webpack4@^6.5.0-beta.8 @babel/core@^7.17.10 babel-loader@^8.2.5
23 verbose argv "install" "--legacy-peer-deps" "--save-dev" "@storybook/react@^6.5.0-beta.8" "@storybook/addon-links@^6.5.0-beta.8" "@storybook/addon-essentials@^6.5.0-beta.8" "@storybook/addon-actions@^6.5.0-beta.8" "@storybook/addon-interactions@^6.5.0-beta.8" "@storybook/testing-library@^0.0.11" "@storybook/builder-webpack4@^6.5.0-beta.8" "@storybook/manager-webpack4@^6.5.0-beta.8" "@babel/core@^7.17.10" "babel-loader@^8.2.5"
24 timing npm:load:setTitle Completed in 1ms
25 timing config:load:flatten Completed in 3ms
26 timing npm:load:display Completed in 4ms
27 verbose logfile logs-max:10 dir:/home/poop/.npm/_logs
28 verbose logfile /home/poop/.npm/_logs/2022-05-12T16_17_10_596Z-debug-0.log
29 timing npm:load:logFile Completed in 4ms
30 timing npm:load:timers Completed in 0ms
31 timing npm:load:configScope Completed in 0ms
32 timing npm:load Completed in 21ms
33 timing arborist:ctor Completed in 1ms
34 silly logfile start cleaning logs, removing 2 files
35 silly logfile done cleaning log files
36 timing arborist:ctor Completed in 1ms
37 timing idealTree:init Completed in 6397ms
38 timing idealTree:userRequests Completed in 9ms
39 silly idealTree buildDeps
40 silly fetch manifest @storybook/react@^6.5.0-beta.8
41 http fetch GET 200 https://registry.npmjs.org/@storybook%2freact 581ms (cache revalidated)
42 silly fetch manifest @storybook/addon-links@^6.5.0-beta.8
43 http fetch GET 200 https://registry.npmjs.org/@storybook%2faddon-links 118ms (cache revalidated)
44 silly fetch manifest @storybook/addon-essentials@^6.5.0-beta.8
45 http fetch GET 200 https://registry.npmjs.org/@storybook%2faddon-essentials 90ms (cache revalidated)
46 silly fetch manifest @storybook/addon-actions@^6.5.0-beta.8
47 http fetch GET 200 https://registry.npmjs.org/@storybook%2faddon-actions 87ms (cache revalidated)
48 silly fetch manifest @storybook/addon-interactions@^6.5.0-beta.8
49 http fetch GET 200 https://registry.npmjs.org/@storybook%2faddon-interactions 104ms (cache revalidated)
50 silly fetch manifest @storybook/testing-library@^0.0.11
51 http fetch GET 200 https://registry.npmjs.org/@storybook%2ftesting-library 109ms (cache revalidated)
52 silly fetch manifest @storybook/builder-webpack4@^6.5.0-beta.8
53 http fetch GET 200 https://registry.npmjs.org/@storybook%2fbuilder-webpack4 201ms (cache revalidated)
54 silly fetch manifest @storybook/manager-webpack4@^6.5.0-beta.8
55 http fetch GET 200 https://registry.npmjs.org/@storybook%2fmanager-webpack4 72ms (cache revalidated)
56 silly fetch manifest @babel/core@^7.17.10
57 http fetch GET 200 https://registry.npmjs.org/@babel%2fcore 146ms (cache updated)
58 silly fetch manifest babel-loader@^8.2.5
59 http fetch GET 200 https://registry.npmjs.org/babel-loader 65ms (cache revalidated)
60 silly placeDep ROOT @babel/core@7.17.10 OK for: uiproto@0.0.0 want: ^7.17.10
61 timing idealTree Completed in 8227ms
62 timing command:install Completed in 8237ms
63 verbose stack TypeError: Cannot read properties of null (reading 'matches')
63 verbose stack     at Link.matches (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/node.js:1095:41)
63 verbose stack     at Link.canDedupe (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/node.js:1049:15)
63 verbose stack     at PlaceDep.pruneDedupable (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:468:14)
63 verbose stack     at PlaceDep.placeInTree (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:329:14)
63 verbose stack     at PlaceDep.place (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:216:10)
63 verbose stack     at new PlaceDep (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:73:10)
63 verbose stack     at /home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:988:31
63 verbose stack     at Array.map (<anonymous>)
63 verbose stack     at [buildDepStep] (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:988:8)
63 verbose stack     at async Arborist.buildIdealTree (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:218:7)
63 verbose stack     at async Promise.all (index 1)
63 verbose stack     at async Arborist.reify (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/reify.js:153:5)
63 verbose stack     at async Install.exec (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/lib/commands/install.js:156:5)
63 verbose stack     at async module.exports (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/lib/cli.js:78:5)
64 verbose cwd /home/poop/git/foss/uiproto
65 verbose Linux 5.13.0-41-generic
66 verbose node v18.1.0
67 verbose npm  v8.8.0
68 error Cannot read properties of null (reading 'matches')
69 verbose exit 1
70 timing npm Completed in 8345ms
71 verbose unfinished npm timer reify 1652372230698
72 verbose unfinished npm timer reify:loadTrees 1652372230705
73 verbose unfinished npm timer idealTree:buildDeps 1652372237112
74 verbose unfinished npm timer idealTree:#root 1652372237112
75 verbose code 1
76 error A complete log of this run can be found in:
76 error     /home/poop/.npm/_logs/2022-05-12T16_17_10_596Z-debug-0.log

@dohooo
Copy link

dohooo commented May 27, 2022

+1 , Same error. 😵‍💫

debug log

0 verbose cli /Users/zhaodonghao/.nvm/versions/node/v16.13.1/bin/node /Users/zhaodonghao/.nvm/versions/node/v16.13.1/bin/npm
1 info using npm@8.10.0
2 info using node@v16.13.1
3 timing npm:load:whichnode Completed in 0ms
4 timing config:load:defaults Completed in 5ms
5 timing config:load:file:/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/npmrc Completed in 1ms
6 timing config:load:builtin Completed in 1ms
7 timing config:load:cli Completed in 3ms
8 timing config:load:env Completed in 1ms
9 timing config:load:file:/Users/zhaodonghao/code/work/cafeteria-components-next/.npmrc Completed in 1ms
10 timing config:load:project Completed in 5ms
11 timing config:load:file:/Users/zhaodonghao/.npmrc Completed in 2ms
12 timing config:load:user Completed in 3ms
13 timing config:load:file:/Users/zhaodonghao/.nvm/versions/node/v16.13.1/etc/npmrc Completed in 1ms
14 timing config:load:global Completed in 1ms
15 timing config:load:validate Completed in 2ms
16 timing config:load:credentials Completed in 1ms
17 timing config:load:setEnvs Completed in 1ms
18 timing config:load Completed in 26ms
19 timing npm:load:configload Completed in 26ms
20 timing npm:load:mkdirpcache Completed in 1ms
21 timing npm:load:mkdirplogs Completed in 1ms
22 verbose title npm install
23 verbose argv "install" "--legacy-peer-deps"
24 timing npm:load:setTitle Completed in 8ms
25 timing config:load:flatten Completed in 4ms
26 timing npm:load:display Completed in 6ms
27 verbose logfile logs-max:10 dir:/Users/zhaodonghao/.npm/_logs
28 verbose logfile /Users/zhaodonghao/.npm/_logs/2022-05-27T10_22_14_587Z-debug-0.log
29 timing npm:load:logFile Completed in 6ms
30 timing npm:load:timers Completed in 0ms
31 timing npm:load:configScope Completed in 0ms
32 timing npm:load Completed in 50ms
33 timing arborist:ctor Completed in 0ms
34 silly logfile start cleaning logs, removing 3 files
35 silly logfile done cleaning log files
36 timing arborist:ctor Completed in 0ms
37 timing idealTree:init Completed in 8502ms
38 timing idealTree:userRequests Completed in 0ms
39 silly idealTree buildDeps
40 silly fetch manifest @storybook/addon-a11y@6.5.5
41 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-a11y 312ms (cache revalidated)
42 silly fetch manifest @storybook/addon-actions@6.5.5
43 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-actions 125ms (cache revalidated)
44 silly fetch manifest @storybook/addon-backgrounds@6.5.5
45 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-backgrounds 107ms (cache revalidated)
46 silly fetch manifest @storybook/addon-docs@6.5.5
47 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-docs 109ms (cache revalidated)
48 silly fetch manifest @storybook/addon-essentials@6.5.5
49 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-essentials 147ms (cache revalidated)
50 silly fetch manifest @storybook/addon-interactions@6.5.5
51 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-interactions 91ms (cache revalidated)
52 silly fetch manifest @storybook/addon-jest@6.5.5
53 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-jest 84ms (cache revalidated)
54 silly fetch manifest @storybook/addon-links@6.5.5
55 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-links 116ms (cache revalidated)
56 silly fetch manifest @storybook/addon-measure@6.5.5
57 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-measure 93ms (cache revalidated)
58 silly fetch manifest @storybook/addon-outline@6.5.5
59 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-outline 118ms (cache revalidated)
60 silly fetch manifest @storybook/addon-viewport@6.5.5
61 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-viewport 172ms (cache revalidated)
62 silly fetch manifest @storybook/client-api@6.5.5
63 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fclient-api 98ms (cache revalidated)
64 silly fetch manifest @storybook/client-logger@6.5.5
65 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fclient-logger 95ms (cache revalidated)
66 silly fetch manifest @storybook/core-common@6.5.5
67 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fcore-common 97ms (cache revalidated)
68 silly fetch manifest @storybook/react@6.5.5
69 http fetch GET 200 https://registry.npmmirror.com/@storybook%2freact 96ms (cache revalidated)
70 silly placeDep ROOT @storybook/addon-a11y@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
71 silly placeDep ROOT @storybook/addon-actions@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
72 silly placeDep ROOT @storybook/addon-backgrounds@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
73 silly placeDep ROOT @storybook/addon-docs@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
74 silly placeDep ROOT @storybook/addon-essentials@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
75 silly placeDep ROOT @storybook/addon-interactions@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
76 silly placeDep ROOT @storybook/addon-jest@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
77 silly placeDep ROOT @storybook/addon-links@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
78 silly placeDep ROOT @storybook/addon-measure@6.5.5 OK for: @fe/cafe-next@0.0.1 want: 6.5.5
79 silly placeDep ROOT @storybook/addon-outline@6.5.5 OK for: @fe/cafe-next@0.0.1 want: 6.5.5
80 silly placeDep ROOT @storybook/addon-viewport@6.5.5 OK for: @fe/cafe-next@0.0.1 want: 6.5.5
81 silly placeDep ROOT @storybook/client-api@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
82 silly placeDep ROOT @storybook/client-logger@6.5.5 OK for: @fe/cafe-next@0.0.1 want: 6.5.5
83 silly placeDep ROOT @storybook/core-common@6.5.5 OK for: @fe/cafe-next@0.0.1 want: 6.5.5
84 silly placeDep ROOT @storybook/react@6.5.5 REPLACE for: @fe/cafe-next@0.0.1 want: 6.5.5
85 silly fetch manifest @storybook/addons@6.5.5
86 silly fetch manifest @storybook/api@6.5.5
87 silly fetch manifest @storybook/channels@6.5.5
88 silly fetch manifest @storybook/components@6.5.5
89 silly fetch manifest @storybook/core-events@6.5.5
90 silly fetch manifest @storybook/csf@0.0.2--canary.4566f4d.1
91 silly fetch manifest @storybook/theming@6.5.5
92 silly fetch manifest axe-core@^4.2.0
93 silly fetch manifest core-js@^3.8.2
94 silly fetch manifest global@^4.4.0
95 silly fetch manifest lodash@^4.17.21
96 silly fetch manifest react-sizeme@^3.0.1
97 silly fetch manifest regenerator-runtime@^0.13.7
98 silly fetch manifest ts-dedent@^2.0.0
99 silly fetch manifest util-deprecate@^1.0.2
100 silly fetch manifest fast-deep-equal@^3.1.3
101 silly fetch manifest polished@^4.2.2
102 silly fetch manifest prop-types@^15.7.2
103 silly fetch manifest react-inspector@^5.1.0
104 silly fetch manifest telejson@^6.0.8
105 silly fetch manifest uuid-browser@^3.1.0
106 silly fetch manifest memoizerific@^1.11.3
107 silly fetch manifest @babel/plugin-transform-react-jsx@^7.12.12
108 silly fetch manifest @babel/preset-env@^7.12.11
109 silly fetch manifest @jest/transform@^26.6.2
110 silly fetch manifest @storybook/docs-tools@6.5.5
111 silly fetch manifest @storybook/mdx1-csf@^0.0.1
112 silly fetch manifest @storybook/node-logger@6.5.5
113 silly fetch manifest @storybook/postinstall@6.5.5
114 silly fetch manifest @storybook/preview-web@6.5.5
115 silly fetch manifest @storybook/source-loader@6.5.5
116 silly fetch manifest @storybook/store@6.5.5
117 silly fetch manifest remark-external-links@^8.0.0
118 silly fetch manifest remark-slug@^6.0.0
119 silly fetch manifest @storybook/addon-controls@6.5.5
120 silly fetch manifest @storybook/addon-toolbars@6.5.5
121 silly fetch manifest @devtools-ds/object-inspector@^1.1.2
122 silly fetch manifest @storybook/instrumenter@6.5.5
123 silly fetch manifest jest-mock@^27.0.6
124 silly fetch manifest ts-dedent@^2.2.0
125 silly fetch manifest upath@^1.2.0
126 silly fetch manifest @storybook/router@6.5.5
127 silly fetch manifest @types/qs@^6.9.5
128 silly fetch manifest qs@^6.10.0
129 silly fetch manifest @storybook/channel-postmessage@6.5.5
130 silly fetch manifest @types/webpack-env@^1.16.0
131 silly fetch manifest store2@^2.12.0
132 silly fetch manifest synchronous-promise@^2.0.15
133 silly fetch manifest @babel/plugin-proposal-class-properties@^7.12.1
134 silly fetch manifest @babel/plugin-proposal-decorators@^7.12.12
135 silly fetch manifest @babel/plugin-proposal-export-default-from@^7.12.1
136 silly fetch manifest @babel/plugin-proposal-nullish-coalescing-operator@^7.12.1
137 silly fetch manifest @babel/plugin-proposal-object-rest-spread@^7.12.1
138 silly fetch manifest @babel/plugin-proposal-optional-chaining@^7.12.7
139 silly fetch manifest @babel/plugin-proposal-private-methods@^7.12.1
140 silly fetch manifest @babel/plugin-proposal-private-property-in-object@^7.12.1
141 silly fetch manifest @babel/plugin-syntax-dynamic-import@^7.8.3
142 silly fetch manifest @babel/plugin-transform-arrow-functions@^7.12.1
143 silly fetch manifest @babel/plugin-transform-block-scoping@^7.12.12
144 silly fetch manifest @babel/plugin-transform-classes@^7.12.1
145 silly fetch manifest @babel/plugin-transform-destructuring@^7.12.1
146 silly fetch manifest @babel/plugin-transform-for-of@^7.12.1
147 silly fetch manifest @babel/plugin-transform-parameters@^7.12.1
148 silly fetch manifest @babel/plugin-transform-shorthand-properties@^7.12.1
149 silly fetch manifest @babel/plugin-transform-spread@^7.12.1
150 silly fetch manifest @babel/preset-react@^7.12.10
151 silly fetch manifest @babel/preset-typescript@^7.12.7
152 silly fetch manifest @babel/register@^7.12.1
153 silly fetch manifest @storybook/semver@^7.3.2
154 silly fetch manifest @types/node@^14.0.10 || ^16.0.0
155 silly fetch manifest @types/pretty-hrtime@^1.0.0
156 silly fetch manifest babel-plugin-macros@^3.0.1
157 silly fetch manifest babel-plugin-polyfill-corejs3@^0.1.0
158 silly fetch manifest chalk@^4.1.0
159 silly fetch manifest express@^4.17.1
160 silly fetch manifest file-system-cache@^1.0.5
161 silly fetch manifest find-up@^5.0.0
162 silly fetch manifest fork-ts-checker-webpack-plugin@^6.0.4
163 silly fetch manifest fs-extra@^9.0.1
164 silly fetch manifest glob@^7.1.6
165 silly fetch manifest handlebars@^4.7.7
166 silly fetch manifest interpret@^2.2.0
167 silly fetch manifest json5@^2.1.3
168 silly fetch manifest lazy-universal-dotenv@^3.0.1
169 silly fetch manifest picomatch@^2.3.0
170 silly fetch manifest pkg-dir@^5.0.0
171 silly fetch manifest pretty-hrtime@^1.0.3
172 silly fetch manifest resolve-from@^5.0.0
173 silly fetch manifest slash@^3.0.0
174 silly fetch manifest webpack@4
175 silly fetch manifest @babel/preset-flow@^7.12.1
176 silly fetch manifest @pmmmwh/react-refresh-webpack-plugin@^0.5.3
177 silly fetch manifest @storybook/core@6.5.5
178 silly fetch manifest @storybook/react-docgen-typescript-plugin@1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
179 silly fetch manifest @types/estree@^0.0.51
180 silly fetch manifest @types/node@^14.14.20 || ^16.0.0
181 silly fetch manifest acorn@^7.4.1
182 silly fetch manifest acorn-jsx@^5.3.1
183 silly fetch manifest acorn-walk@^7.2.0
184 silly fetch manifest babel-plugin-add-react-displayname@^0.0.5
185 silly fetch manifest babel-plugin-react-docgen@^4.2.1
186 silly fetch manifest escodegen@^2.0.0
187 silly fetch manifest html-tags@^3.1.0
188 silly fetch manifest react-element-to-jsx-string@^14.3.4
189 silly fetch manifest react-refresh@^0.11.0
190 silly fetch manifest read-pkg-up@^7.0.1
191 silly fetch manifest webpack@>=4.43.0 <6.0.0
192 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddons 328ms (cache revalidated)
193 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fcomponents 563ms (cache revalidated)
194 http fetch GET 200 https://registry.npmmirror.com/fast-deep-equal 605ms (cache revalidated)
195 http fetch GET 200 https://registry.npmmirror.com/core-js 616ms (cache revalidated)
196 http fetch GET 200 https://registry.npmmirror.com/axe-core 640ms (cache revalidated)
197 http fetch GET 200 https://registry.npmmirror.com/regenerator-runtime 672ms (cache revalidated)
198 http fetch GET 200 https://registry.npmmirror.com/util-deprecate 674ms (cache revalidated)
199 http fetch GET 200 https://registry.npmmirror.com/lodash 677ms (cache revalidated)
200 http fetch GET 200 https://registry.npmmirror.com/ts-dedent 679ms (cache revalidated)
201 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fcsf 684ms (cache revalidated)
202 http fetch GET 200 https://registry.npmmirror.com/prop-types 681ms (cache revalidated)
203 http fetch GET 200 https://registry.npmmirror.com/polished 682ms (cache revalidated)
204 http fetch GET 200 https://registry.npmmirror.com/@storybook%2ftheming 688ms (cache revalidated)
205 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fcore-events 693ms (cache revalidated)
206 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fapi 698ms (cache revalidated)
207 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fchannels 709ms (cache revalidated)
208 http fetch GET 200 https://registry.npmmirror.com/react-inspector 713ms (cache revalidated)
209 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-react-jsx 717ms (cache revalidated)
210 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fdocs-tools 716ms (cache revalidated)
211 http fetch GET 200 https://registry.npmmirror.com/memoizerific 718ms (cache revalidated)
212 http fetch GET 200 https://registry.npmmirror.com/@babel%2fpreset-env 719ms (cache revalidated)
213 http fetch GET 200 https://registry.npmmirror.com/global 726ms (cache revalidated)
214 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fnode-logger 722ms (cache revalidated)
215 http fetch GET 200 https://registry.npmmirror.com/uuid-browser 729ms (cache revalidated)
216 http fetch GET 200 https://registry.npmmirror.com/@jest%2ftransform 729ms (cache revalidated)
217 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fpostinstall 731ms (cache revalidated)
218 http fetch GET 200 https://registry.npmmirror.com/telejson 743ms (cache revalidated)
219 http fetch GET 200 https://registry.npmmirror.com/react-sizeme 747ms (cache revalidated)
220 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fmdx1-csf 744ms (cache revalidated)
221 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fpreview-web 744ms (cache revalidated)
222 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fsource-loader 746ms (cache revalidated)
223 http fetch GET 200 https://registry.npmmirror.com/@types%2fqs 755ms (cache revalidated)
224 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fstore 759ms (cache revalidated)
225 http fetch GET 200 https://registry.npmmirror.com/qs 766ms (cache revalidated)
226 http fetch GET 200 https://registry.npmmirror.com/@storybook%2finstrumenter 771ms (cache revalidated)
227 http fetch GET 200 https://registry.npmmirror.com/upath 779ms (cache revalidated)
228 http fetch GET 200 https://registry.npmmirror.com/jest-mock 781ms (cache revalidated)
229 http fetch GET 200 https://registry.npmmirror.com/remark-slug 792ms (cache revalidated)
230 http fetch GET 200 https://registry.npmmirror.com/@types%2fwebpack-env 807ms (cache revalidated)
231 http fetch GET 200 https://registry.npmmirror.com/@devtools-ds%2fobject-inspector 813ms (cache revalidated)
232 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-proposal-class-properties 807ms (cache revalidated)
233 http fetch GET 200 https://registry.npmmirror.com/remark-external-links 815ms (cache revalidated)
234 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-proposal-decorators 808ms (cache revalidated)
235 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-proposal-object-rest-spread 807ms (cache revalidated)
236 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-toolbars 816ms (cache revalidated)
237 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fchannel-postmessage 815ms (cache revalidated)
238 http fetch GET 200 https://registry.npmmirror.com/synchronous-promise 818ms (cache revalidated)
239 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-proposal-private-methods 816ms (cache revalidated)
240 http fetch GET 200 https://registry.npmmirror.com/@storybook%2frouter 824ms (cache revalidated)
241 http fetch GET 200 https://registry.npmmirror.com/@storybook%2faddon-controls 834ms (cache revalidated)
242 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-classes 830ms (cache revalidated)
243 http fetch GET 200 https://registry.npmmirror.com/store2 834ms (cache revalidated)
244 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-proposal-private-property-in-object 832ms (cache revalidated)
245 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-proposal-optional-chaining 834ms (cache revalidated)
246 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-proposal-nullish-coalescing-operator 834ms (cache revalidated)
247 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-arrow-functions 834ms (cache revalidated)
248 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-block-scoping 834ms (cache revalidated)
249 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-proposal-export-default-from 843ms (cache revalidated)
250 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-destructuring 841ms (cache revalidated)
251 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-spread 858ms (cache revalidated)
252 http fetch GET 200 https://registry.npmmirror.com/babel-plugin-polyfill-corejs3 856ms (cache revalidated)
253 http fetch GET 200 https://registry.npmmirror.com/@types%2fnode 861ms (cache revalidated)
254 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-parameters 899ms (cache revalidated)
255 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fsemver 900ms (cache revalidated)
256 http fetch GET 200 https://registry.npmmirror.com/find-up 897ms (cache revalidated)
257 http fetch GET 200 https://registry.npmmirror.com/express 899ms (cache revalidated)
258 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-syntax-dynamic-import 907ms (cache revalidated)
259 http fetch GET 200 https://registry.npmmirror.com/@types%2fpretty-hrtime 903ms (cache revalidated)
260 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-shorthand-properties 905ms (cache revalidated)
261 http fetch GET 200 https://registry.npmmirror.com/chalk 902ms (cache revalidated)
262 http fetch GET 200 https://registry.npmmirror.com/@babel%2fplugin-transform-for-of 911ms (cache revalidated)
263 http fetch GET 200 https://registry.npmmirror.com/babel-plugin-macros 908ms (cache revalidated)
264 http fetch GET 200 https://registry.npmmirror.com/@babel%2fregister 913ms (cache revalidated)
265 http fetch GET 200 https://registry.npmmirror.com/@babel%2fpreset-react 914ms (cache revalidated)
266 http fetch GET 200 https://registry.npmmirror.com/file-system-cache 911ms (cache revalidated)
267 http fetch GET 200 https://registry.npmmirror.com/@babel%2fpreset-typescript 917ms (cache revalidated)
268 http fetch GET 200 https://registry.npmmirror.com/json5 919ms (cache revalidated)
269 http fetch GET 200 https://registry.npmmirror.com/fs-extra 920ms (cache revalidated)
270 http fetch GET 200 https://registry.npmmirror.com/glob 921ms (cache revalidated)
271 http fetch GET 200 https://registry.npmmirror.com/fork-ts-checker-webpack-plugin 923ms (cache revalidated)
272 http fetch GET 200 https://registry.npmmirror.com/pkg-dir 928ms (cache revalidated)
273 http fetch GET 200 https://registry.npmmirror.com/webpack 929ms (cache revalidated)
274 http fetch GET 200 https://registry.npmmirror.com/resolve-from 945ms (cache revalidated)
275 http fetch GET 200 https://registry.npmmirror.com/@types%2festree 950ms (cache revalidated)
276 http fetch GET 200 https://registry.npmmirror.com/acorn-walk 951ms (cache revalidated)
277 http fetch GET 200 https://registry.npmmirror.com/handlebars 955ms (cache revalidated)
278 http fetch GET 200 https://registry.npmmirror.com/interpret 959ms (cache revalidated)
279 http fetch GET 200 https://registry.npmmirror.com/pretty-hrtime 958ms (cache revalidated)
280 http fetch GET 200 https://registry.npmmirror.com/acorn-jsx 955ms (cache revalidated)
281 http fetch GET 200 https://registry.npmmirror.com/@storybook%2fcore 967ms (cache revalidated)
282 http fetch GET 200 https://registry.npmmirror.com/picomatch 983ms (cache revalidated)
283 http fetch GET 200 https://registry.npmmirror.com/@pmmmwh%2freact-refresh-webpack-plugin 982ms (cache revalidated)
284 http fetch GET 200 https://registry.npmmirror.com/slash 990ms (cache revalidated)
285 http fetch GET 200 https://registry.npmmirror.com/lazy-universal-dotenv 991ms (cache revalidated)
286 http fetch GET 200 https://registry.npmmirror.com/html-tags 987ms (cache revalidated)
287 http fetch GET 200 https://registry.npmmirror.com/@babel%2fpreset-flow 997ms (cache revalidated)
288 http fetch GET 200 https://registry.npmmirror.com/@storybook%2freact-docgen-typescript-plugin 1005ms (cache revalidated)
289 http fetch GET 200 https://registry.npmmirror.com/babel-plugin-add-react-displayname 1004ms (cache revalidated)
290 http fetch GET 200 https://registry.npmmirror.com/react-refresh 1012ms (cache revalidated)
291 http fetch GET 200 https://registry.npmmirror.com/read-pkg-up 1020ms (cache revalidated)
292 http fetch GET 200 https://registry.npmmirror.com/escodegen 1022ms (cache revalidated)
293 http fetch GET 200 https://registry.npmmirror.com/acorn 1023ms (cache revalidated)
294 http fetch GET 200 https://registry.npmmirror.com/react-element-to-jsx-string 1035ms (cache revalidated)
295 http fetch GET 200 https://registry.npmmirror.com/babel-plugin-react-docgen 1045ms (cache revalidated)
296 timing idealTree:#root Completed in 3345ms
297 silly placeDep ROOT @storybook/addons@6.5.5 OK for: @storybook/addon-a11y@6.5.5 want: 6.5.5
298 timing idealTree Completed in 11873ms
299 timing command:install Completed in 11892ms
300 verbose stack TypeError: Cannot read properties of null (reading 'matches')
300 verbose stack     at Link.matches (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/node.js:1107:41)
300 verbose stack     at Link.canDedupe (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/node.js:1061:15)
300 verbose stack     at PlaceDep.pruneDedupable (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:468:14)
300 verbose stack     at PlaceDep.placeInTree (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:329:14)
300 verbose stack     at PlaceDep.place (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:216:10)
300 verbose stack     at new PlaceDep (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:73:10)
300 verbose stack     at /Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:990:31
300 verbose stack     at Array.map (<anonymous>)
300 verbose stack     at Arborist.[buildDepStep] (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:990:8)
300 verbose stack     at async Arborist.buildIdealTree (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:218:7)
300 verbose stack     at async Promise.all (index 1)
300 verbose stack     at async Arborist.reify (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/reify.js:153:5)
300 verbose stack     at async Install.exec (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/lib/commands/install.js:156:5)
300 verbose stack     at async module.exports (/Users/zhaodonghao/.nvm/versions/node/v16.13.1/lib/node_modules/npm/lib/cli.js:78:5)
301 verbose cwd /Users/zhaodonghao/code/work/cafeteria-components-next
302 verbose Darwin 21.5.0
303 verbose node v16.13.1
304 verbose npm  v8.10.0
305 error Cannot read properties of null (reading 'matches')
306 verbose exit 1
307 timing npm Completed in 11986ms
308 verbose unfinished npm timer reify 1653646934677
309 verbose unfinished npm timer reify:loadTrees 1653646934693
310 verbose unfinished npm timer idealTree:buildDeps 1653646943198
311 verbose unfinished npm timer idealTree:node_modules/@storybook/addon-a11y 1653646946545
312 verbose code 1
313 error A complete log of this run can be found in:
313 error     /Users/zhaodonghao/.npm/_logs/2022-05-27T10_22_14_587Z-debug-0.log

@dohooo
Copy link

dohooo commented May 27, 2022 •
edited

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

@noahehall
Copy link
Author

noahehall commented May 28, 2022 •
edited

@dohooo

unfortunately pnpm dlx didnt work for me :(

install error 
$ pnpm dlx sb@latest upgrade 
.../share/pnpm/store/v3/tmp/dlx-138841   |  WARN  deprecated source-map-resolve@0.5.3
.../share/pnpm/store/v3/tmp/dlx-138841   |  WARN  deprecated urix@0.1.0
.../share/pnpm/store/v3/tmp/dlx-138841   |  WARN  deprecated resolve-url@0.2.1
.../share/pnpm/store/v3/tmp/dlx-138841   |  WARN  deprecated source-map-url@0.4.1
.../share/pnpm/store/v3/tmp/dlx-138841   |  WARN  deprecated querystring@0.2.0
.../share/pnpm/store/v3/tmp/dlx-138841   |  WARN  deprecated chokidar@2.1.8
.../share/pnpm/store/v3/tmp/dlx-138841   |  WARN  deprecated fsevents@1.2.13
.../share/pnpm/store/v3/tmp/dlx-138841   | +881 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
Content-addressable store is at: /home/poop/.local/share/pnpm/store/v3
Virtual store is at:             ../../../.local/share/pnpm/store/v3/tmp/dlx-138841/node_modules/.pnpm
.../share/pnpm/store/v3/tmp/dlx-138841   | Progress: resolved 884, reused 882, downloaded 0, added 881, done
 WARN  Issues with peer dependencies found
.
└─┬ sb
└─┬ @storybook/cli
  └─┬ @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:
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                         
• Checking for latest versions of '@storybook/*' packagesinfo ,Upgrading /home/poop/git/foss/wtf/package.json
info 
info No dependencies.
info ,
• Installing upgrades • Preparing to install dependencies. ✓


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-28T06_59_57_853Z-debug-0.log
. ✖

   An error occurred while installing dependencies.

 ERROR  Command failed with exit code 1: /home/poop/.local/share/pnpm/store/v3/tmp/dlx-138841/node_modules/.bin/sb upgrade

poop@spaceship:~/git/foss/wtf
12:02 AM 
$ history 5
1007  2022-05-27 23:57:05 cd wtf
1008  2022-05-27 23:57:07 pnpm init
1009  2022-05-27 23:57:37 pnpm i -D typescript @types/node prettier eslint eslint-config-prettier eslint-plugin-prettier @typescript-eslint/eslint-plugin @typescript-eslint/parser
1010  2022-05-27 23:59:22 pnpm dlx sb@latest upgrade 
1011  2022-05-28 00:02:54 history 5

poop@spaceship:~/git/foss/wtf

and from the debug file

install error 
8479 verbose stack TypeError: Cannot read properties of null (reading 'matches')
8479 verbose stack     at Link.matches (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/node.js:1095:41)
8479 verbose stack     at Link.canDedupe (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/node.js:1049:15)
8479 verbose stack     at PlaceDep.pruneDedupable (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:468:14)
8479 verbose stack     at PlaceDep.placeInTree (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:329:14)
8479 verbose stack     at PlaceDep.place (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:216:10)
8479 verbose stack     at new PlaceDep (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:73:10)
8479 verbose stack     at /home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:988:31
8479 verbose stack     at Array.map (<anonymous>)
8479 verbose stack     at [buildDepStep] (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:988:8)
8479 verbose stack     at async Arborist.buildIdealTree (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:218:7)
8479 verbose stack     at async Promise.all (index 1)
8479 verbose stack     at async Arborist.reify (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/reify.js:153:5)
8479 verbose stack     at async Install.exec (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/lib/commands/install.js:156:5)
8479 verbose stack     at async module.exports (/home/poop/.nvm/versions/node/v18.1.0/lib/node_modules/npm/lib/cli.js:78:5)
8480 verbose cwd /home/poop/git/foss/wtf
8481 verbose Linux 5.13.0-44-generic

@dohooo
Copy link

dohooo commented May 28, 2022

@dohooo

unfortunately pnpm dlx didnt work for me :(

install error
and from the debug file

install error

Did you executed every command I suggested?

@SparkElf
Copy link

any other solutions?

@noahehall
Copy link
Author

noahehall commented Jun 17, 2022 •
edited

@dohooo sorry for the late reply, but yes: executed every cmd from top to bottom

@SparkElf Ive been busy with scala; but hoping to swing back to this shortly

@SparkElf
Copy link

thanks ,this error prevented our project from introducing storybook

@tohsaka888
Copy link

I think the problem is caused by pnpm,try to remove node_module and pnpm-lock.json,then run

yarn install
yarn storybook

this works for me.

@WodenWang820118
Copy link

WodenWang820118 commented Jul 8, 2022 •
edited

Hi,
I just resolved the same issue. Please follow the steps:

  1. Remove the pnpm-lock.yaml and node_modules; pnpm store prune to clean store cache
  2. pnpm config set auto-install-peers true to enable installing peer dependencies automatically later
  3. Remove any dependency related to storybook such as typescript and react; while pnpx sb init will install those peer dependencies for you, if you install by yourself, there's a chance storybook pop up an error occurred while installing dependencies
  4. after installation, you'll see storybook in the package.json, try pnpm run storybook

Note that I am using angular. Therefore, I installed "@storybook/angular": "^6.5.9" as a dev dependency before init the storybook. Please let me know if any issue occurs following the steps.

`package.json` after installation ``` { "name": "angular-design-system", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "watch": "ng build --watch --configuration development", "test": "ng test", "docs:json": "compodoc -p ./tsconfig.json -e json -d .", "storybook": "npm run docs:json && start-storybook -p 6006", "build-storybook": "npm run docs:json && build-storybook" }, "private": true, "dependencies": { "@angular/animations": "~13.0.0", "@angular/common": "~13.0.0", "@angular/compiler": "~13.0.0", "@angular/core": "~13.0.0", "@angular/forms": "~13.0.0", "@angular/platform-browser": "~13.0.0", "@angular/platform-browser-dynamic": "~13.0.0", "@angular/router": "~13.0.0", "rxjs": "~7.4.0", "tslib": "^2.3.0", "zone.js": "~0.11.4" }, "devDependencies": { "@angular-devkit/architect": "^0.1400.5", "@angular-devkit/build-angular": "~13.0.3", "@angular/cli": "~13.0.3", "@angular/compiler-cli": "~13.0.0", "@babel/core": "^7.18.6", "@compodoc/compodoc": "^1.1.19", "@storybook/addon-actions": "^6.5.9", "@storybook/addon-essentials": "^6.5.9", "@storybook/addon-interactions": "^6.5.9", "@storybook/addon-links": "^6.5.9", "@storybook/angular": "^6.5.9", "@storybook/builder-webpack5": "^6.5.9", "@storybook/manager-webpack5": "^6.5.9", "@storybook/testing-library": "^0.0.13", "@types/jasmine": "~3.10.0", "@types/node": "^12.11.1", "babel-loader": "^8.2.5", "jasmine-core": "~3.10.0", "karma": "~6.3.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.0.3", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "~1.7.0" } } ```

EDIT:
After several manual tests, I don't recommend using pnpm to install the storybook. You might manage to do so by clean install npm packages and pnpm import to bring them to be managed by pnpm, but that's a lot of work. Even if you succeed, you'll encounter issues when using git and Github. My first issue after pnpm install is compodoc not being recognized by pnpm.

Issues may occur if your default package manager is pnpm. I tried to set it back to npm, and the project successfully install the storybook. Then, I uploaded the code to Github, cloned the code, and npm install again. Everything runs okay.

@IanVS IanVS mentioned this issue Jul 28, 2022
Closed
@smugller
Copy link

+1

Have the same error, it would be nice to make it work with pnpm as well.

@Mr-LJQ
Copy link

Mr-LJQ commented Aug 25, 2022

I tried to introduce storybook into my project for the first time today, but I didn't expect that it was not compatible with PNPM, I need both PNPM and storybook!! Here are my errors:

pnpx storybook init
../../.pnpm-store/v3/tmp/dlx-3496        |  WARN  deprecated source-map-resolve@0.5.3
 WARN  GET https://registry.npmmirror.com/prettier/-/prettier-2.3.0.tgz error (ECONNRESET). Will retry in 10 seconds. 2 retries left.
../../.pnpm-store/v3/tmp/dlx-3496        |  WARN  deprecated urix@0.1.0
../../.pnpm-store/v3/tmp/dlx-3496        |  WARN  deprecated source-map-url@0.4.1
../../.pnpm-store/v3/tmp/dlx-3496        |  WARN  deprecated resolve-url@0.2.1
../../.pnpm-store/v3/tmp/dlx-3496        |  WARN  deprecated chokidar@2.1.8
../../.pnpm-store/v3/tmp/dlx-3496        |  WARN  deprecated querystring@0.2.0
../../.pnpm-store/v3/tmp/dlx-3496        |  WARN  deprecated fsevents@1.2.13
../../.pnpm-store/v3/tmp/dlx-3496        | +882 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
  Content-addressable store is at: D:\.pnpm-store\v3
  Virtual store is at:             ../../.pnpm-store/v3/tmp/dlx-3496/node_modules/.pnpm
 WARN  GET https://registry.npmmirror.com/prettier/-/prettier-2.3.0.tgz error (ECONNRESET). Will retry in 1 minute. 1 retries left.
../../.pnpm-store/v3/tmp/dlx-3496        | Progress: resolved 885, reused 404, downloaded 479, added 882, done
../../.pnpm-store/v3/tmp/dlx-3496/node_modules/.pnpm/registry.npmmirror.com+core-js@3.25.0/node_modules/core-js: Running postinstall script, done in 284m
s
 WARN  Issues with peer dependencies found
.
└─┬ storybook 6.5.10
  └─┬ @storybook/cli 6.5.10
    └─┬ @storybook/core-common 6.5.10
      ├── ✕ 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 6.5.2
        └── ✕ missing peer typescript@">= 2.7"
Peer dependencies that should be installed:
  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

The integrity of 3337 files was checked. This might have caused installation to take longer.

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

 • Detecting project type. ✓
 • Adding Storybook support to your "Webpack React" app

attention => Storybook now collects completely anonymous telemetry regarding usage.
This information is used to shape Storybook's roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://storybook.js.org/telemetry

npm ERR! code EUNSUPPORTEDPROTOCOL
npm ERR! Unsupported URL Type "link:": link:./scripts/eslint-plugin

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Local\npm-cache\_logs\2022-08-25T16_27_14_185Z-debug-0.log
An error occurred while installing dependencies.

 ERROR  Command failed with exit code 1: D:\.pnpm-store\v3\tmp\dlx-3496\node_modules\.bin\storybook.CMD init

pnpm: Command failed with exit code 1: D:\.pnpm-store\v3\tmp\dlx-3496\node_modules\.bin\storybook.CMD init
    at makeError (C:\Users\Administrator\AppData\Local\pnpm\global\5\.pnpm\registry.npmmirror.com+pnpm@7.9.5\node_modules\pnpm\dist\pnpm.cjs:22289:17)
    at handlePromise (C:\Users\Administrator\AppData\Local\pnpm\global\5\.pnpm\registry.npmmirror.com+pnpm@7.9.5\node_modules\pnpm\dist\pnpm.cjs:22860:33
)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async Object.handler [as dlx] (C:\Users\Administrator\AppData\Local\pnpm\global\5\.pnpm\registry.npmmirror.com+pnpm@7.9.5\node_modules\pnpm\dist\p
npm.cjs:191714:7)
    at async C:\Users\Administrator\AppData\Local\pnpm\global\5\.pnpm\registry.npmmirror.com+pnpm@7.9.5\node_modules\pnpm\dist\pnpm.cjs:199078:21
    at async run (C:\Users\Administrator\AppData\Local\pnpm\global\5\.pnpm\registry.npmmirror.com+pnpm@7.9.5\node_modules\pnpm\dist\pnpm.cjs:199049:34)
    at async runPnpm (C:\Users\Administrator\AppData\Local\pnpm\global\5\.pnpm\registry.npmmirror.com+pnpm@7.9.5\node_modules\pnpm\dist\pnpm.cjs:199270:5
)
    at async C:\Users\Administrator\AppData\Local\pnpm\global\5\.pnpm\registry.npmmirror.com+pnpm@7.9.5\node_modules\pnpm\dist\pnpm.cjs:199262:7

@IanVS
Copy link
Member

IanVS commented Aug 25, 2022

@Mr-LJQ that's just an issue with the init script, it will use npm or yarn, but not pnpm. Storybook itself should work alright with pnpm. I'd suggest you could temporarily remove the non-standard (link:) parts of your package.json, use npx sb init, then re-add the pnpm-specific parts and continue to use pnpm after that.

@IanVS IanVS added the pnpm label Sep 28, 2022
@IanVS
Copy link
Member

IanVS commented Oct 19, 2022

The latest alpha version of storybook 7 will now use pnpm to install your dependencies when you run npx sb@next init or npx sb@next upgrade. Would anyone here like to try it out and check whether that solves the error that you were getting before?

@tohsaka888
Copy link

The latest alpha version of storybook 7 will now use pnpm to install your dependencies when you run npx sb@next init or npx sb@next upgrade. Would anyone here like to try it out and check whether that solves the error that you were getting before?

I try to use npx sb@next init in a next.js project.It doesn't has any error.

but when i use pnpx sb init, the error that i were getting before still exist.

@IanVS
Copy link
Member

IanVS commented Oct 21, 2022

Thanks @tohsaka888. I wouldn't expect it to work on the old version of the storybook cli (npx sb), so that makes sense. As for your other issue, that seems like a separate problem. Maybe you could open a new issue, ideally with a reproduction that we can use to help troubleshoot?

@veritymedia
Copy link

veritymedia commented Oct 29, 2022 •
edited

@IanVS I had the same issue as OP and I tried using v7-alpha. At least, it installed well and I actually see the storybook deps in package.json. Although SB starts, it instantly crashes as it cant resolve @storybook/addon-docs/preview :(

@IanVS
Copy link
Member

IanVS commented Oct 29, 2022

@veritymedia yep we're still working on that part. The addons that are bundled in addon-essentials can be installed in your project manually for now, there are about half a dozen of them. We'll find a better way to handle them soon, I hope.

@ffxsam
Copy link

ffxsam commented Nov 29, 2022

Just chiming in:

This is also an issue with Vue 3:

$ pnpx create vue
✔ Project name: … story
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit Testing? … No / Yes
✔ Add an End-to-End Testing Solution? › No
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes

(obvious steps, cd'ing into dir, pnpm i, etc)

$ pnpx storybook init
npm ERR! Cannot read properties of null (reading 'matches')

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/samh/.npm/_logs/2022-11-29T01_58_34_967Z-debug-0.log
An error occurred while installing dependencies.

 ERROR  Command failed with exit code 1: /Users/samh/Library/pnpm/store/v3/tmp/dlx-15832/node_modules/.bin/storybook init

pnpm: Command failed with exit code 1: /Users/samh/Library/pnpm/store/v3/tmp/dlx-15832/node_modules/.bin/storybook init
    at makeError (/opt/homebrew/Cellar/pnpm/7.17.1/libexec/dist/pnpm.cjs:22835:17)
    at handlePromise (/opt/homebrew/Cellar/pnpm/7.17.1/libexec/dist/pnpm.cjs:23406:33)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Object.handler [as dlx] (/opt/homebrew/Cellar/pnpm/7.17.1/libexec/dist/pnpm.cjs:201605:7)
    at async /opt/homebrew/Cellar/pnpm/7.17.1/libexec/dist/pnpm.cjs:208907:21
    at async main (/opt/homebrew/Cellar/pnpm/7.17.1/libexec/dist/pnpm.cjs:208878:34)
    at async runPnpm (/opt/homebrew/Cellar/pnpm/7.17.1/libexec/dist/pnpm.cjs:209104:5)
    at async /opt/homebrew/Cellar/pnpm/7.17.1/libexec/dist/pnpm.cjs:209096:7

@IanVS
Copy link
Member

IanVS commented Nov 29, 2022

@ffxsam does this error change if you use pnpx storybook@next init? (this will install storybook 7 alpha)

@ffxsam
Copy link

ffxsam commented Nov 29, 2022 •
edited

@IanVS Yes, though when I try to run storybook, I get this error in the shell:

10:55:10 PM [vite] Internal server error: Failed to resolve import "react" from "src/stories/Introduction.stories.mdx". Does the file exist?
  Plugin: vite:import-analysis
  File: /Users/samh/vue-story/src/stories/Introduction.stories.mdx:2:29
  1  |  import React from 'react';
     |                     ^
  2  |  /*@jsxRuntime automatic @jsxImportSource react*/
  3  |  import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

And this in the browser:

localhost_6006__path=_docs_example-introduction--docs

It's a bummer that Storybook doesn't work with Vue 3 when pnpm is used as the package manager. I'll keep tabs on Storybook 7, though.

@IanVS
Copy link
Member

IanVS commented Nov 29, 2022

@ffxsam it should work if you install react, reacr-dom, and one other mdx-related package. This is due to storybook using MDX to render docs pages. We're hoping to find a way to avoid users having to install those manually, but for now that workaround should get you up and running.

@IanVS
Copy link
Member

IanVS commented Dec 18, 2022

OK, we have fixed the mdx package, but react and react-dom will always be required to use storybook with mdx or the docs addon. See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#react-peer-dependencies-required for details. But the good news is that pnpm is supported in 7.0 without any hacks or workarounds now. Please try out the latest beta by using pnpx sb@next init for a new storybook project, or pnpx sb@next upgrade --prerelease to upgrade an existing project. I'm going to close out the issue so that it's clear this is fixed in the latest versions, but please let me know if you continue to have any issues.

@IanVS IanVS closed this as completed Dec 18, 2022
@ffxsam
Copy link

ffxsam commented Jan 23, 2023

@IanVS Despite having installed react and react-dom in my project as dev dependencies, pnpm storybook init still fails:

npm ERR! Cannot read properties of null (reading 'matches')

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/samh/.npm/_logs/2023-01-23T21_18_49_957Z-debug-0.log
An error occurred while installing dependencies.


 ERROR  Command failed with exit code 1: storybook init

@IanVS
Copy link
Member

IanVS commented Jan 24, 2023

@ffxsam that command is for storybook 6.5, whereas the pnpm improvements are in 7.0. please use storybook@next instead.

@ffxsam
Copy link

ffxsam commented Jan 24, 2023

Ah, thanks - sorry if I missed that detail somewhere!

@ffxsam
Copy link

ffxsam commented Jan 25, 2023

@IanVS Better results this time! But, a few issues when running pnpm storybook@next init:

✅ Adding Storybook plugin to .eslintrc.cjs
✅ ran eslintPlugin migration
⚠️  failed to check fix newFrameworks
⚠️  failed to check fix missing-babelrc

╭ Migration check ran with failures ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│                                                                                                                                                               │
│                                                                                                                                                               │
│         Successful migrations:                                                                                                                                │
│                                                                                                                                                               │
│    eslintPlugin                                                                                                                                               │
│                                                                                                                                                               │
│           Failed migrations:                                                                                                                                  │
│                                                                                                                                                               │
│       newFrameworks:                                                                                                                                          │
│       The given node must be a string literal or an object expression with a "name" property that is a string literal.                                        │
│                                                                                                                                                               │
│       missing-babelrc:                                                                                                                                        │
│       The given node must be a string literal or an object expression with a "name" property that is a string literal.                                        │
│                                                                                                                                                               │
│                                                                                                                                                               │
│       You can find the full logs in /Volumes/SuperData/Sites/reelcrafter/v2-frontend-vue3/migration-storybook.log                                             │
│                                                                                                                                                               │
│       ─────────────────────────────────────────────────                                                                                                       │
│                                                                                                                                                               │
│       If you'd like to run the migrations again, you can do so by running 'npx storybook@next automigrate'                                                    │
│                                                                                                                                                               │
│   The automigrations try to migrate common patterns in your project, but might not contain everything needed to migrate to the latest version of Storybook.   │
│                                                                                                                                                               │
│   Please check the changelog and migration guide for manual migrations and more information: https://storybook.js.org/migration-guides/7.0                    │
│   And reach out on Discord if you need help: https://discord.gg/storybook                                                                                     │
│                                                                                                                                                               │
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯

And when I run pnpm storybook, I see this:

6:23:54 PM [vite] Internal server error: Failed to resolve import "@storybook/preview-api" from "../../../../../virtual:/@storybook/builder-vite/vite-app.js". Does the file exist?
  Plugin: vite:import-analysis
  File: /virtual:/@storybook/builder-vite/vite-app.js:1:56
  1  |  import { composeConfigs, PreviewWeb, ClientApi } from '@storybook/preview-api';
     |                                                         ^
  2  |    import '/virtual:/@storybook/builder-vite/setup-addons.js';
  3  |    import { importFn } from '/virtual:/@storybook/builder-vite/storybook-stories.js';

@IanVS
Copy link
Member

IanVS commented Jan 25, 2023

Yes unfortunately there is a bug in recent betas. You can use beta.25 for now, and we are close to a fix. You can watch #20698.

@jjunior96 jjunior96 mentioned this issue Apr 21, 2023
Open
@towry
Copy link

towry commented Apr 25, 2023 •
edited

I was using pnpm pnpm dlx storybook@latest init, and in the later stage it seems start installing packages with NPM? then this error occurred.

related issue. npm/cli#4367

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug needs triage pnpm
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests