presets icon indicating copy to clipboard operation
presets copied to clipboard

[Bug] Confusing error message when stories folder is outside of src.

Open christo8989 opened this issue 2 years ago • 0 comments

Describe the bug

Maybe not a bug but I get the following error message when I move the stories folder outside of the src folder. It took me hours to realize that its because of the folder location. It would be nice to have a better error message.

ModuleParseError: Module parse failed: Unexpected token (50:2)
File was processed with these loaders:
 * ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
 * ./node_modules/@storybook/source-loader/dist/cjs/index.js
You may need an additional loader to handle the result of these loaders.
| 
| export const Default = () => (
>   <Container>
|     <ComponentA
|       input={100}
    at handleParseError (/........./node_modules/webpack/lib/NormalModule.js:976:19)
    at /........./node_modules/webpack/lib/NormalModule.js:1095:5
    at processResult (/........./node_modules/webpack/lib/NormalModule.js:800:11)
    at /........./node_modules/webpack/lib/NormalModule.js:860:5
    at /........./node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:407:3
    at iterateNormalLoaders (/........./node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:233:10)
    at iterateNormalLoaders (/........./node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:240:10)
    at /........./node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:255:3
    at context.callback (/........./node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
    at /........./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js:94:7

Steps to reproduce the behavior

  1. Create the stories folder outside of src.
  2. npm run storybook (or related script)

Expected behavior

Storybook runs as expected.

Screenshots and/or logs

See above.

christo8989 avatar Apr 29 '22 17:04 christo8989