Module not found: Error: You attempted to import /node_modules/react-refresh/runtime.js which falls outside of the project src/ directory

See original GitHub issue

Describe the bug related to the new RCA 5 using @storybook/react: 6.4.9 im getting this problem https://github.com/facebook/create-react-app/issues/11810 is there a way to solve it ? if i remove this dependency works good

To Reproduce create a new RCA 5 project, and add storybook and start RCA (yarn start)

“@storybook/addon-actions”: “^6.4.9”, “@storybook/addon-essentials”: “^6.4.9”, “@storybook/addon-links”: “^6.4.9”, “@storybook/node-logger”: “^6.4.9”, “@storybook/preset-create-react-app”: “^4.0.0”, “@storybook/react”: “^6.4.9”,

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

Additional context Add any other context about the problem here.

Issue Analytics

State:
Created 2 years ago
Reactions:7
Comments:14 (3 by maintainers)

Top GitHub Comments

17reactions

nephydecodecommented, Aug 2, 2022

Was able to find a workaround for conflict versions for the time being

Ran npm ls react-refresh and it shows a different of react-refresh package versions

├─┬ @storybook/preset-create-react-app@4.1.2
│ └─┬ @pmmmwh/react-refresh-webpack-plugin@0.5.7
│   └── react-refresh@0.14.0
├─┬ @storybook/react@6.5.7
│ └── react-refresh@0.11.0
└─┬ react-scripts@5.0.1

Ran npm dedupe to de-duplicate multiple versions
Ran npm ls react-refresh to check existing versions for react-refresh

├─┬ @storybook/preset-create-react-app@4.1.2
│ └─┬ @pmmmwh/react-refresh-webpack-plugin@0.5.7
│   └── react-refresh@0.11.0 deduped
├─┬ @storybook/react@6.5.7
│ └── react-refresh@0.11.0
└─┬ react-scripts@5.0.1
  └── react-refresh@0.11.0 deduped

npm start compiles & runs successfully

6reactions

shilmancommented, Dec 23, 2021

Son of a gun!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.5.0-alpha.5 containing PR #17056 that references this issue. Upgrade today to the @next NPM tag to try it out!