[Bug] pnpm install fails with "No matching version found for @storybook/addon-styling-webpack@^7.3.2" #2

ar4hc · 2023-08-25T14:41:42Z

Describe the bug

Trying to upgrade and just do just this:

# pnpm dlx storybook@latest add @storybook/addon-styling-webpack                                                               
.../share/pnpm/store/v3/tmp/dlx-16529    | +616 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
.../share/pnpm/store/v3/tmp/dlx-16529    | Progress: resolved 637, reused 616, downloaded 0, added 616, done
Verifying @storybook/addon-styling-webpack
Installing @storybook/addon-styling-webpack@^7.3.2

An error occurred while installing dependencies:
PNPM error ERR_PNPM_NO_MATCHING_VERSION  No matching version found for @storybook/addon-styling-webpack@^7.3.2

Please check the logfile generated at ./storybook.log for troubleshooting and try again.
/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-16529/node_modules/.pnpm/@storybook+cli@7.3.2/node_modules/@storybook/cli/dist/generate.js:54
An error occurred while installing dependencies:`),logger4.log(e.message),new HandledError(e)}}async removeDependencies(options,dependencies){let{skipInstall}=options;if(skipInstall){let{packageJson}=options;dependencies.forEach(dep=>{packageJson.devDependencies&&delete packageJson.devDependencies[dep],packageJson.dependencies&&delete packageJson.dependencies[dep]}),await this.writePackageJson(packageJson)}else try{await this.runRemoveDeps(dependencies)}catch(e){throw logger4.error("An error occurred while removing dependencies."),logger4.log(e.message),new HandledError(e)}}getVersionedPackages(packages){return Promise.all(packages.map(async pkg2=>{let[packageName,packageVersion]=getPackageDetails(pkg2);return`${packageName}@${await this.getVersion(packageName,packageVersion)}`}))}getVersions(...packageNames){return Promise.all(packageNames.map(packageName=>this.getVersion(packageName)))}async getVersion(packageName,constraint){let current;/(@storybook|^sb$|^storybook$)/.test(packageName)&&(current=versions_default[packageName]);let latest;try{latest=await this.latestVersion(packageName,constraint)}catch(e){if(current)return logger4.warn(`
                                                                          ^

HandledError: PNPM error ERR_PNPM_NO_MATCHING_VERSION  No matching version found for @storybook/addon-styling-webpack@^7.3.2

Please check the logfile generated at ./storybook.log for troubleshooting and try again.
    at PNPMProxy.addDependencies (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-16529/node_modules/.pnpm/@storybook+cli@7.3.2/node_modules/@storybook/cli/dist/generate.js:54:75)
    at async add (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-16529/node_modules/.pnpm/@storybook+cli@7.3.2/node_modules/@storybook/cli/dist/generate.js:127:1955) {
  handled: true,
  cause: Error: PNPM error ERR_PNPM_NO_MATCHING_VERSION  No matching version found for @storybook/addon-styling-webpack@^7.3.2

  Please check the logfile generated at ./storybook.log for troubleshooting and try again.
      at PNPMProxy.runAddDeps (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-16529/node_modules/.pnpm/@storybook+cli@7.3.2/node_modules/@storybook/cli/dist/generate.js:58:5082)
      at async PNPMProxy.addDependencies (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-16529/node_modules/.pnpm/@storybook+cli@7.3.2/node_modules/@storybook/cli/dist/generate.js:53:853)
      at async add (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-16529/node_modules/.pnpm/@storybook+cli@7.3.2/node_modules/@storybook/cli/dist/generate.js:127:1955)
}

Node.js v20.5.1

the logfile mentioned looks like

Progress: resolved 0, reused 1, downloaded 0, added 0
Progress: resolved 86, reused 86, downloaded 0, added 0
 ERR_PNPM_NO_MATCHING_VERSION  No matching version found for @storybook/addon-styling-webpack@^7.3.2

This error happened while installing a direct dependency of /Users/ar/src/lincare/classifier/classifier-gui

The latest release of @storybook/addon-styling-webpack is "0.0.2".

If you need the full list of all 2 published versions run "$ pnpm view @storybook/addon-styling-webpack versions".

Steps to reproduce the behavior

be stupid and run pnpm dlx ...

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots and/or logs

If applicable, add screenshots and/or logs to help explain your problem.

Environment

OS: Mac OSX 13.4.1
Node.js version: v20.5.1
pNPM version: 8.6.12

Additional context

i'm stupid...

Just tried to install this on top of an existing 7.0 installation...

The text was updated successfully, but these errors were encountered:

ShaunEvening · 2023-08-25T17:29:31Z

Hey @ar4hc 👋

You're not stupid at all! You just bumped into a rough edge that I missed 😭

I'm going to make a fix for the add command but in the mean time you can get around it by running this instead:

pnpm dlx storybook@latest add @storybook/addon-styling-webpack@latest

ar4hc · 2023-08-30T08:14:15Z

Thanks for the quick response, ...
but ...
i got an other error now: :(

(And i needed to remove the first "@", but i assume that was just a typo?)

 pnpm dlx storybook@latest add @storybook/addon-styling-webpack@latest                                                         
.../share/pnpm/store/v3/tmp/dlx-9415     | +620 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
.../share/pnpm/store/v3/tmp/dlx-9415     | Progress: resolved 641, reused 620, downloaded 0, added 620, done
Verifying @storybook/addon-styling-webpack
Installing @storybook/addon-styling-webpack@latest
Adding '@storybook/addon-styling-webpack@latest' to main.js addons field.
Running postinstall script for @storybook/addon-styling-webpack
Error running postinstall script for @storybook/addon-styling-webpack
TypeError [ERR_INVALID_ARG_TYPE]: The "file" argument must be of type string. Received undefined
    at new NodeError (node:internal/errors:405:5)
    at validateString (node:internal/validators:162:11)
    at normalizeSpawnArguments (node:child_process:547:3)
    at Object.spawn (node:child_process:752:13)
    at t (/Users/ar/src/lincare/classifier/classifier-gui/node_modules/.pnpm/@storybook+addon-styling-webpack@0.0.2_webpack@5.88.2/node_modules/@storybook/addon-styling-webpack/bin/postinstall.js:5:112)
    at postinstallAddon (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-9415/node_modules/.pnpm/@storybook+cli@7.4.0/node_modules/@storybook/cli/dist/generate.js:172:834)
    at add (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-9415/node_modules/.pnpm/@storybook+cli@7.4.0/node_modules/@storybook/cli/dist/generate.js:172:2421) {
  code: 'ERR_INVALID_ARG_TYPE'
}

i think he misses a file, and as it mention 'main.js' i assume something in '.storybook' , which has a main.js, preview.js and a preview-head.html (with just makes a window.global = window;

And i'm on mac (intel) if that makes a difference...

Any quick tips...?

ShaunEvening · 2023-08-30T14:08:28Z

Hey @ar4hc 👋

Oops! yes, that was a typo.

As for your new error, that should be solved with version 0.0.3 which I just published for you

ar4hc · 2023-08-30T16:57:52Z

But still the same error... :(

$ pnpm dlx storybook@latest add @storybook/addon-styling-webpack                                                           
.../share/pnpm/store/v3/tmp/dlx-20359    | +620 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
.../share/pnpm/store/v3/tmp/dlx-20359    | Progress: resolved 641, reused 619, downloaded 1, added 620, done
Verifying @storybook/addon-styling-webpack
Installing @storybook/addon-styling-webpack@^0.0.3
Adding '@storybook/addon-styling-webpack' to main.js addons field.
Running postinstall script for @storybook/addon-styling-webpack
Error running postinstall script for @storybook/addon-styling-webpack
TypeError [ERR_INVALID_ARG_TYPE]: The "file" argument must be of type string. Received undefined
    at new NodeError (node:internal/errors:405:5)
    at validateString (node:internal/validators:162:11)
    at normalizeSpawnArguments (node:child_process:547:3)
    at Object.spawn (node:child_process:752:13)
    at t (/Users/ar/src/lincare/classifier/classifier-gui/node_modules/.pnpm/@storybook+addon-styling-webpack@0.0.3_webpack@5.88.2/node_modules/@storybook/addon-styling-webpack/bin/postinstall.js:5:130)
    at postinstallAddon (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-20359/node_modules/.pnpm/@storybook+cli@7.4.0/node_modules/@storybook/cli/dist/generate.js:172:834)
    at add (/Users/ar/.local/share/pnpm/store/v3/tmp/dlx-20359/node_modules/.pnpm/@storybook+cli@7.4.0/node_modules/@storybook/cli/dist/generate.js:172:2421) {
  code: 'ERR_INVALID_ARG_TYPE'

probably cache problem,
but states 0.0.3 as version, and even the same line numbers..

wonkeythemonkey · 2023-08-30T19:22:29Z

I'm encountering the same error, and I never had any version besides 0.0.3 installed, so it doesn't sound like a cache issue.

ShaunEvening · 2023-08-31T15:16:38Z

Oh no! I'll dig in right now

ShaunEvening · 2023-08-31T15:54:35Z

@wonkeythemonkey @ar4hc Are you by chance running this in a project without git?

I was able to reproduce the error when I couldn't find a git repository and just pushed a fix for that

ShaunEvening · 2023-08-31T16:58:26Z

Work-around

Looks like there's still a problem between the storybook CLI and the config helper.

To get you set up run the following command instead

npx @stoybook/auto-config styling

wonkeythemonkey · 2023-08-31T17:06:48Z

I am running it in an environment where Storybook assets are being pulled together from different directories (long story), so even though there is a git repo, it's probably not where the addon expects it to be.
I'm also running it inside a Docker container, which wouldn't have a git repo inside it.

Edit for clarity: I've tried running it both in and outside of Docker, with the same result.

ar4hc · 2023-09-05T08:12:56Z

@wonkeythemonkey @ar4hc Are you by chance running this in a project without git?

Nope, it is in a git repo...

ar4hc · 2023-09-05T08:43:17Z

oh, and info i missed before... 😢

ist a pnpm project
using svelte with vite as packer, not webpack.

The work around tries to install

 I'm the configuration helper for "@storybook/addon-styling-webpack"!

and then complains (correctly)


╔ 🚨 ERROR: Unsupported builder ═════════════════════════════════════════╗
║                                                                        ║
║   "@storybook/addon-styling-webpack" is for webpack projects only.     ║
║   Please remove it from your project to avoid unneeded dependencies.   ║
║                                                                        ║
╚════════════════════════════════════════════════════════════════════════╝

So i tried to install a webpack addon into a vite project... 🤦🏻
my bad...

Sorry for wasting your time...

ar4hc added the bug Something isn't working label Aug 25, 2023

ShaunEvening mentioned this issue Aug 25, 2023

CLI: Install latest version of non-core addon storybookjs/storybook#23956

Merged

8 tasks

yannbf closed this as completed in storybookjs/storybook#23956 Aug 29, 2023

ShaunEvening mentioned this issue Aug 30, 2023

Fix postinstall script #3

Merged

ShaunEvening reopened this Aug 31, 2023

ShaunEvening mentioned this issue Sep 5, 2023

CLI: Fix packageManager handling in sb add storybookjs/storybook#24079

Merged

2 tasks

ShaunEvening closed this as completed in storybookjs/storybook#24079 Sep 5, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Bug] pnpm install fails with "No matching version found for @storybook/addon-styling-webpack@^7.3.2" #2

[Bug] pnpm install fails with "No matching version found for @storybook/addon-styling-webpack@^7.3.2" #2

ar4hc commented Aug 25, 2023

ShaunEvening commented Aug 25, 2023 •

edited

Loading

ar4hc commented Aug 30, 2023

ShaunEvening commented Aug 30, 2023

ar4hc commented Aug 30, 2023

wonkeythemonkey commented Aug 30, 2023

ShaunEvening commented Aug 31, 2023

ShaunEvening commented Aug 31, 2023

ShaunEvening commented Aug 31, 2023

wonkeythemonkey commented Aug 31, 2023 •

edited

Loading

ar4hc commented Sep 5, 2023

ar4hc commented Sep 5, 2023

[Bug] pnpm install fails with "No matching version found for @storybook/addon-styling-webpack@^7.3.2" #2

[Bug] pnpm install fails with "No matching version found for @storybook/addon-styling-webpack@^7.3.2" #2

Comments

ar4hc commented Aug 25, 2023

Describe the bug

Steps to reproduce the behavior

Expected behavior

Screenshots and/or logs

Environment

Additional context

ShaunEvening commented Aug 25, 2023 • edited Loading

ar4hc commented Aug 30, 2023

ShaunEvening commented Aug 30, 2023

ar4hc commented Aug 30, 2023

wonkeythemonkey commented Aug 30, 2023

ShaunEvening commented Aug 31, 2023

ShaunEvening commented Aug 31, 2023

ShaunEvening commented Aug 31, 2023

Work-around

wonkeythemonkey commented Aug 31, 2023 • edited Loading

ar4hc commented Sep 5, 2023

ar4hc commented Sep 5, 2023

ShaunEvening commented Aug 25, 2023 •

edited

Loading

wonkeythemonkey commented Aug 31, 2023 •

edited

Loading