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

Storybook v6 doesn't work on Windows #9937

Closed
bartlomiejzuber opened this issue Feb 24, 2020 · 3 comments
Closed

Storybook v6 doesn't work on Windows #9937

bartlomiejzuber opened this issue Feb 24, 2020 · 3 comments
Labels
needs reproduction question / support

Comments

@bartlomiejzuber
Copy link

bartlomiejzuber commented Feb 24, 2020 •
edited
Loading

Describe the bug
Storybook v6 fails to start on Windows system as well as inside Windows WSL (Ubuntu 16/18).

To Reproduce
Steps to reproduce the behavior:

  1. run script from package.json which starts storybook ex. "storybook": "start-storybook -p 6006",
  2. See error
$ start-storybook -p 6006
info @storybook/react v6.0.0-alpha.15
info
info => Loading presets
info => Loading presets
info => Loading config/preview file in "./.storybook".
info => Adding stories defined in ".storybook\main.js".
info => Loading custom Webpack config (full-control mode).
info => Using base config because react-scripts is not installed.
70% building 15/15 modules 0 active× ｢wdm｣: ModuleNotFoundError: Module not found: Error: Can't resolve 'D:Reposgaming-shell.storybookpreview.js' in 'D:\Repos\gaming
-shell\.storybook'
    at D:\Repos\gaming-shell\node_modules\webpack\lib\Compilation.js:925:10
    at D:\Repos\gaming-shell\node_modules\webpack\lib\NormalModuleFactory.js:401:22
    at D:\Repos\gaming-shell\node_modules\webpack\lib\NormalModuleFactory.js:130:21
    at D:\Repos\gaming-shell\node_modules\webpack\lib\NormalModuleFactory.js:224:22
    at D:\Repos\gaming-shell\node_modules\neo-async\async.js:2830:7
    at D:\Repos\gaming-shell\node_modules\neo-async\async.js:6877:13
    at D:\Repos\gaming-shell\node_modules\webpack\lib\NormalModuleFactory.js:214:25
    at D:\Repos\gaming-shell\node_modules\enhanced-resolve\lib\Resolver.js:213:14
    at D:\Repos\gaming-shell\node_modules\enhanced-resolve\lib\Resolver.js:285:5
    at eval (eval at create (D:\Repos\gaming-shell\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:13:1)
    at D:\Repos\gaming-shell\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:44:7
    at D:\Repos\gaming-shell\node_modules\enhanced-resolve\lib\Resolver.js:285:5
    at eval (eval at create (D:\Repos\gaming-shell\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:13:1)
    at D:\Repos\gaming-shell\node_modules\enhanced-resolve\lib\Resolver.js:285:5
    at eval (eval at create (D:\Repos\gaming-shell\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:25:1)
    at D:\Repos\gaming-shell\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:67:43
× ｢wdm｣: resolve 'D:Reposgaming-shell.storybookpreview.js' in 'D:\Repos\gaming-shell\.storybook'
  Parsed request is a module
  using description file: D:\Repos\gaming-shell\package.json (relative path: ./.storybook)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      D:\Repos\gaming-shell\.storybook\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:\Repos\gaming-shell\node_modules
        using description file: D:\Repos\gaming-shell\package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
      looking for modules in D:\Repos\node_modules
        using description file: D:\Repos\package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
          using description file: D:\Repos\gaming-shell\package.json (relative path: ./node_modules/D:Reposgaming-shell.storybookpreview.js)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
          using description file: D:\Repos\package.json (relative path: ./node_modules/D:Reposgaming-shell.storybookpreview.js)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\gaming-shell\node_modules\D:Reposgaming-shell.storybookpreview.js doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\node_modules\D:Reposgaming-shell.storybookpreview.js doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\gaming-shell\node_modules\D:Reposgaming-shell.storybookpreview.js.mjs doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\node_modules\D:Reposgaming-shell.storybookpreview.js.mjs doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\gaming-shell\node_modules\D:Reposgaming-shell.storybookpreview.js.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\node_modules\D:Reposgaming-shell.storybookpreview.js.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\gaming-shell\node_modules\D:Reposgaming-shell.storybookpreview.js.jsx doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\node_modules\D:Reposgaming-shell.storybookpreview.js.jsx doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\gaming-shell\node_modules\D:Reposgaming-shell.storybookpreview.js.json doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\node_modules\D:Reposgaming-shell.storybookpreview.js.json doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\gaming-shell\node_modules\D:Reposgaming-shell.storybookpreview.js.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\node_modules\D:Reposgaming-shell.storybookpreview.js.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              D:\Repos\gaming-shell\node_modules\D:Reposgaming-shell.storybookpreview.js.tsx doesn't exist
              D:\Repos\node_modules\D:Reposgaming-shell.storybookpreview.js.tsx doesn't exist
            as directory
              D:\Repos\gaming-shell\node_modules\D:Reposgaming-shell.storybookpreview.js doesn't exist
            as directory
              D:\Repos\node_modules\D:Reposgaming-shell.storybookpreview.js doesn't exist

Expected behavior
Storybook should start correctly.

Screenshots
image

System:
Environment Info:

System:
OS: Windows 10 10.0.18362
CPU: (4) x64 Intel(R) Core(TM) i5-7500 CPU @ 3.40GHz
Binaries:
Node: 13.9.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.0 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 6.13.4 - D:\Repos\gaming-shell\node_modules.bin\npm.CMD
Browsers:
Edge: 44.18362.449.0

Additional context
Some code in storybook or some dependency of storybook is using path with backslashes to find files on disk while it's working well on MacOs and Linux it fails on Windows.
@lmaze
Copy link
Contributor

lmaze commented Feb 26, 2020

There is another problem on Windows with the latest version of the next branch. I do not know if these problems are related.

Everything goes well when launching the command yarn bootstrap --core, but when I try to launch one of the storybooks in the examples directory with the command yarn storybook, there is an error:

[./generated-stories-entry.js] 670 bytes {main} [built]
[./preview.js-generated-config-entry.js] 485 bytes {main} [built]
[./storybook-init-framework-entry.js] 26 bytes {main} [built]
    + 1840 hidden modules

ERROR in D:/devhome/projets-tiers/storybook/addons/a11y/dist/preset/addDecorator.js-generated-config-entry.js
Module not found: Error: Can't resolve 'D:devhomeprojets-tiersstorybookaddonsa11ydistpresetaddDecorator.js' in 'D:\devhome\projets-tiers\storybook\addons\a11y\dist\preset'
 @ D:/devhome/projets-tiers/storybook/addons/a11y/dist/preset/addDecorator.js-generated-config-entry.js 4:43-128
 @ multi D:/devhome/projets-tiers/storybook/lib/core/dist/server/common/polyfills.js D:/devhome/projets-tiers/storybook/lib/core/dist/server/preview/globals.js ./storybook-init-framework-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/common/config.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/react/config.js-generated-config-entry.js ./preview.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/links/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/knobs/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/a11y/dist/preset/addDecorator.js-generated-config-entry.js ./generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false

ERROR in D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/react/config.js-generated-config-entry.js
eactconfig.js' in 'D:\devhome\projets-tiers\storybook\addons\docs\dist\frameworks\react'meworks
 @ D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/react/config.js-generated-config-entry.js 4:43-132
 @ multi D:/devhome/projets-tiers/storybook/lib/core/dist/server/common/polyfills.js D:/devhome/projets-tiers/storybook/lib/core/dist/server/preview/globals.js ./storybook-init-framework-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/common/config.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/react/config.js-generated-config-entry.js ./preview.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/links/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/knobs/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/a11y/dist/preset/addDecorator.js-generated-config-entry.js ./generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false

ERROR in D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/common/config.js-generated-config-entry.js
Module not found: Error: Can't resolve 'D:devhomeprojets-tiersstorybookaddonsdocsdist♀rameworkscommonconfig.js' in 'D:\devhome\projets-tiers\storybook\addons\docs\dist\frameworks\common'
 @ D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/common/config.js-generated-config-entry.js 4:43-133
 @ multi D:/devhome/projets-tiers/storybook/lib/core/dist/server/common/polyfills.js D:/devhome/projets-tiers/storybook/lib/core/dist/server/preview/globals.js ./storybook-init-framework-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/common/config.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/react/config.js-generated-config-entry.js ./preview.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/links/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/knobs/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/a11y/dist/preset/addDecorator.js-generated-config-entry.js ./generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false

ERROR in D:/devhome/projets-tiers/storybook/addons/knobs/dist/preset/addDecorator.js-generated-config-entry.js
Module not found: Error: Can't resolve 'D:devhomeprojets-tiersstorybookaddonsknobsdistpresetaddDecorator.js' in 'D:\devhome\projets-tiers\storybook\addons\knobs\dist\preset'
 @ D:/devhome/projets-tiers/storybook/addons/knobs/dist/preset/addDecorator.js-generated-config-entry.js 4:43-129
 @ multi D:/devhome/projets-tiers/storybook/lib/core/dist/server/common/polyfills.js D:/devhome/projets-tiers/storybook/lib/core/dist/server/preview/globals.js ./storybook-init-framework-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/common/config.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/react/config.js-generated-config-entry.js ./preview.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/links/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/knobs/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/a11y/dist/preset/addDecorator.js-generated-config-entry.js ./generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false

ERROR in D:/devhome/projets-tiers/storybook/addons/links/dist/preset/addDecorator.js-generated-config-entry.js
Module not found: Error: Can't resolve 'D:devhomeprojets-tiersstorybookaddonslinksdistpresetaddDecorator.js' in 'D:\devhome\projets-tiers\storybook\addons\links\dist\preset'
 @ D:/devhome/projets-tiers/storybook/addons/links/dist/preset/addDecorator.js-generated-config-entry.js 4:43-129
 @ multi D:/devhome/projets-tiers/storybook/lib/core/dist/server/common/polyfills.js D:/devhome/projets-tiers/storybook/lib/core/dist/server/preview/globals.js ./storybook-init-framework-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/common/config.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/react/config.js-generated-config-entry.js ./preview.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/links/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/knobs/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/a11y/dist/preset/addDecorator.js-generated-config-entry.js ./generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false

ERROR in ./preview.js-generated-config-entry.js
Module not found: Error: Can't resolve 'D:devhomeprojets-tiersstorybookexamplesofficial-storybookpreview.js' in 'D:\devhome\projets-tiers\storybook\examples\official-storybook'
 @ ./preview.js-generated-config-entry.js 5:15-99
 @ multi D:/devhome/projets-tiers/storybook/lib/core/dist/server/common/polyfills.js D:/devhome/projets-tiers/storybook/lib/core/dist/server/preview/globals.js ./storybook-init-framework-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/common/config.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/docs/dist/frameworks/react/config.js-generated-config-entry.js ./preview.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/links/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/knobs/dist/preset/addDecorator.js-generated-config-entry.js D:/devhome/projets-tiers/storybook/addons/a11y/dist/preset/addDecorator.js-generated-config-entry.js ./generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false
Child HtmlWebpackCompiler:
                          Asset      Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.55 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [../../node_modules/html-webpack-plugin/lib/loader.js!../../lib/core/dist/server/templates/index.ejs] D:/devhome/projets-tiers/storybook/node_modules/html-webpack-plugin/lib/loader.js!D:/devhome/projets-tiers/storybook/lib/core/dist/server/templates/index.ejs 2.23 KiB {HtmlWebpackPlugin_0} [built]

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

This error was not present in the previous alpha.

It seems related to the changes made in PR #9877

@bartlomiejzuber
Copy link
Author

^ Looks for me like the same issue.

@tmeasday tmeasday mentioned this issue Feb 27, 2020
Merged
@shilman
Copy link
Member

shilman commented Feb 27, 2020

Crikey!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.0.0-alpha.20 containing PR #9960 that references this issue. Upgrade today to try it out!

You can find this prerelease on the @next NPM tag.

Closing this issue. Please re-open if you think there's still more to do.

@shilman shilman closed this as completed Feb 27, 2020
@peterp peterp mentioned this issue Aug 10, 2020
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
needs reproduction question / support
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@shilman @bartlomiejzuber @lmaze