Cannot find module 'react/package.json'

[xiangxiong]

Describe the bug
npm run storybook Cannot find module 'react/package.json'

To Reproduce
Steps to reproduce the behavior:

npm init
npx -p @storybook/cli sb init --type react
npm run storybook

Additional context
Add any other context about the problem here.

[gaetanmaisse]

@xiangxiong running npx -p @storybook/cli sb init --type react let you init Storybook in an already bootstrapped React app, which isn't your case as you're only doing npm init.

If you want to bootstrap a React app + Storybook you can do the following:

npx create-react-app <YOUR_APP_NAME>
cd <YOUR_APP_NAME>
npx -p @storybook/cli sb init
npm run storybook

I let you close this issue if my answer solves your problem, otherwise, I let you provide a repro repo.

[shilman]

@gaetanmaisse FYI we're recommending this, which is functionally equivalent to your recommendation, but shorter/simpler:

npx -p @storybook/cli sb init

npx sb init

[wangJacker]

The problem remains,use npx sb init

[RyderKishan]

Check if you have added react as part of peer dependencies. It has to be there in dependencies also.

[Jack-Aaron]

Also need to have react-dom installed as a dev dependency.

[glassdimlygr]

I can't install react-dom as a dev dependency. First of all, that defeats the point of using preact... because then storybook doesn't use preact. So what would be the point? Finally, I am using nextjs, and it requires the aliasing of react and react-dom like so:

    "react": "npm:@preact/compat",
    "react-dom": "npm:@preact/compat",
    "react-ssr-prepass": "npm:preact-ssr-prepass"

[SiddheshKukade]

Reopen this issue because this it is not fixed
is have also followed the npx sb init command

[SiddheshKukade]

Hi guys just checked again if anyone facing the error make sure to run :

npm uninstall storybook
again install
npm install storybook

[kunalphaltankar]

In my case,
I needed both react and react-dom as devDependencies.

i.e. npm install --save-dev react react-dom

[efeharmankaya]

In my case, with a simple storybook setup, reinstalling node_modules with npm install after deleting the previous node_modules and package-lock.json solved the issue.

[viveleroi]

I'm having this issue on yarn 3.2.4. I tried installing sb via npx sb@next init --builder=vite. I was hoping to use this because storybook 6 has some deps that break on node 17+.

I think the issue here is yarn 3... if something is actually looking for the file (Cannot find module '@storybook/react/package.json') it's not going to be there because yarn 3 uses the new plug'n'play system.

[mtrabelsi]

building software that no one will use, react-dom is missing and storybook team does not give a *** adding this tiny step

[shilman]

@viveleroi did you try adding a dev dependency on @storybook/react to your project?

[viveleroi]

Yes that’s automatic through the init program.

[davidmnoll]

I'm having this issue on an HTML based project. i don't want to have to install react... is that possible?