search

pullflow-ai / sample-redwood

The App Framework for Startups
https://redwoodjs.com
MIT License
0 stars 0 forks source link

Can't get Storybook working (Windows issue?) #35

Open efe-pullflow opened 1 month ago

efe-pullflow commented 1 month ago

What's not working?

On a fresh install of RW 0.15.3, when I try to run storybook I get the following output

Looking in my node_modules folder I can't find the generated-entry.js file at all There's something funky going on with edwood♂153websrc, kind of like it originally was \redwood\v153\web\src or something (which looks like a semi-valid Windows path) and then it interpreted the Windows path-separator as an escape character. So \r became carriage return, \v became male sex sign 🤷‍♀️ and \w and \s were not recognized as escape codes, so the backslash was just dropped...

tobbe@XPS9550 MINGW64 ~/dev/redwood/v153 $ yarn rw storybook yarn run v1.22.4 $ C:\Users\tobbe\dev\redwood\v153\node_modules.bin\rw storybook $ C:\Users\tobbe\dev\redwood\v153\node_modules.bin\msw init C:\Users\tobbe\dev\redwood\v153\web\public $ C:\Users\tobbe\dev\redwood\v153\node_modules.bin\start-storybook --config-dir ../node_modules/@redwoodjs/core/config/storybook --port 7910 --no-version-updates --ci --static-dir C:\Users\tobbe\dev\redwood\v153\web\public Initializing the Mock Service Worker at "C:\Users\tobbe\dev\redwood\v153\web\public"...

Service Worker successfully created! C:\Users\tobbe\dev\redwood\v153\web\public\mockServiceWorker.js

Continue by creating a mocking definition module in your application:

https://mswjs.io/docs/getting-started/mocks

info @storybook/react v5.3.19 info info => Loading static files from: C:\Users\tobbe\dev\redwood\v153\web\public . info => Loading presets info => Loading presets info => Loading custom babel config as JS info => Loading custom babel config as JS info => Loading config/preview file in "../node_modules/@redwoodjs/core/config/storybook". info => Adding stories defined in "..\node_modules\@redwoodjs\core\config\storybook\main.js". info => Using default Webpack setup. info => Using base config because react-scripts is not installed. webpack built ab30d37ca5a1eaf7918e in 14155ms × ｢wdm｣: Hash: ab30d37ca5a1eaf7918e Version: webpack 4.44.1 Time: 14155ms Built at: 2020-08-10 12:04:40 Asset Size Chunks Chunk Names 0.ab30d37ca5a1eaf7918e.bundle.js 2.63 KiB 0 [emitted] [immutable] 0.ab30d37ca5a1eaf7918e.bundle.js.map 1.96 KiB 0 [emitted] [dev] 1.ab30d37ca5a1eaf7918e.bundle.js 2.18 KiB 1 [emitted] [immutable] 1.ab30d37ca5a1eaf7918e.bundle.js.map 1.46 KiB 1 [emitted] [dev] iframe.html 2.74 KiB [emitted] main.ab30d37ca5a1eaf7918e.bundle.js 4.13 MiB main [emitted] [immutable] [big] main main.ab30d37ca5a1eaf7918e.bundle.js.map 4.48 MiB main [emitted] [dev] main Entrypoint main [big] = main.ab30d37ca5a1eaf7918e.bundle.js main.ab30d37ca5a1eaf7918e.bundle.js.map [0] multi ../node_modules/@storybook/core/dist/server/common/polyfills.js ../node_modules/@storybook/core/dist/server/preview/globals.js ../node_modules/@redwoodjs/core/config/storybook/preview.js ../node_modules/@redwoodjs/core/config/storybook/generated-entry.js ../node_modules/webpack-hot-middleware/client.js?reload=true&quiet=true 76 bytes {main} [built] [../node_modules/@redwoodjs/core/config/storybook/generated-entry.js] 347 bytes {main} [built] [../node_modules/@redwoodjs/core/config/storybook/preview.js] 505 bytes {main} [built] [../node_modules/@redwoodjs/core/dist/storybook/StorybookProvider.js] 1.32 KiB {main} [built] [../node_modules/@storybook/core/dist/server/common/polyfills.js] 120 bytes {main} [built] [../node_modules/@storybook/core/dist/server/preview/globals.js] 93 bytes {main} [built] [../node_modules/@storybook/react/dist/client/index.js] 1.34 KiB {main} [built] [../node_modules/airbnb-js-shims/index.js] 40 bytes {main} [built] [../node_modules/core-js/features/symbol/index.js] 359 bytes {main} [built] [../node_modules/global/window.js] 232 bytes {main} [built] [../node_modules/querystring-es3/index.js] 127 bytes {main} [built] [../node_modules/react/index.js] 190 bytes {main} [built] [../node_modules/regenerator-runtime/runtime.js] 24 KiB {main} [built] [../node_modules/strip-ansi/index.js] 161 bytes {main} [built] [../node_modules/webpack-hot-middleware/client.js?reload=true&quiet=true] 7.68 KiB {main} [built]

ERROR in ../node_modules/@redwoodjs/core/config/storybook/generated-entry.js edwood♂153websrc' in 'C:\Users\tobbe\dev\redwood\v153\node_modules\@redwoodjs\core\config\storybook' @ ../node_modules/@redwoodjs/core/config/storybook/generated-entry.js 5:25-188 @ multi ../node_modules/@storybook/core/dist/server/common/polyfills.js ../node_modules/@storybook/core/dist/server/preview/globals.js ../node_modules/@redwoodjs/core/config/storybook/preview.js ../node_modules/@redwoodjs/core/config/storybook/generated-entry.js ../node_modules/webpack-hot-middleware/client.js?reload=true&quiet=true Child HtmlWebpackCompiler: Asset Size Chunks Chunk Names child-HtmlWebpackPlugin_0 5.94 KiB HtmlWebpackPlugin_0 HtmlWebpackPlugin_0 Entrypoint HtmlWebpackPlugin_0 = child-HtmlWebpackPlugin_0 [../node_modules/html-webpack-plugin/lib/loader.js!../node_modules/@storybook/core/dist/server/templates/index.ejs] 2.13 KiB {HtmlWebpackPlugin_0} [built]

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

Error from chokidar (C:): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp'

How do we reproduce the bug?

No response

What's your environment? (If it applies)

$ node -v
v13.12.0
$ yarn -v
1.22.4

Are you interested in working on this?

test-et-pullflow-ai[bot] commented 1 month ago

Hi @efe-pullflow, I'm test-et-pullflow-ai, here to help with your issue. It seems like you're facing a problem with running Storybook on a fresh install of RedwoodJS 0.15.3 on Windows. The issue might be related to path interpretation due to escape characters in Windows paths.

Here are a few steps you could try to resolve the issue:

  1. Check Node and Yarn Versions: Make sure your Node and Yarn versions are compatible with RedwoodJS 0.15.3. You might want to try using Node 14.x.x, as Node 13.x.x might have compatibility issues.

  2. Path Issues: Double-check the paths in your configuration files to ensure there are no unintended escape sequences. You might want to use double backslashes \\ in paths to avoid escape character issues.

  3. Permissions: Ensure that your user has the necessary permissions to access the directories and files mentioned in the error logs.

  4. Resource Lock: The EBUSY: resource busy or locked error suggests that some files might be locked by another process. Try closing any applications that might be using the files or restart your computer.

If these suggestions don't resolve the issue, please provide more details about your setup or any additional error messages you encounter. This will help in diagnosing the problem further. Let me know if you have any questions!

efe-pullflow commented 1 month ago

@test-et-pullflow-ai can you help me?

efe-pullflow commented 1 month ago

@pullflow-ai help

test-et-pullflow-ai[bot] commented 1 month ago

Hi @efe-pullflow, I'm here to assist you with your issue regarding Storybook on Windows. Unfortunately, I can't directly fix the problem for you, but I can guide you through some troubleshooting steps.

  1. Verify Node and Yarn Versions: Ensure that your Node and Yarn versions are compatible with RedwoodJS 0.15.3. Consider using Node 14.x.x, as Node 13.x.x might lead to compatibility issues.

  2. Path Handling: It seems like there might be an issue with how paths are being interpreted on Windows. Double-check your configuration files for any paths and replace single backslashes \ with double backslashes \\ to avoid escape character issues.

  3. File Permissions: Make sure you have the necessary permissions to access the files and directories mentioned in the error logs.

  4. Resource Lock: The EBUSY: resource busy or locked error suggests that some files might be in use by another application. Try closing other applications or restarting your computer.

If these steps don't resolve the issue, please provide more details or any additional error messages you encounter, and I'll do my best to help you further. Let me know if you have any questions!

efe-pullflow commented 1 month ago

@test-et-pullflow-ai can you tell me more about yarn?