question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

main.bundle.js is not loading in watch mode

See original GitHub issue

I am experiencing some issues with the development server. When starting the server with styleguidist server I wait until the message Compiled successfully appears, and open localhost:6060 in my browser as I am told to. But then the browser loads the main.bundle.js file forever, until it fails without further notice:

screenshot from 2018-01-02 14-22-46 (It is not visible, but when I am closing the right handside with the status information Status of the line in the chrome dev tools simply says (failed))

I am using webpack version 3.10 and react-styleguidist 6.10. I’ve also tried to reproduce with your Demo Project but it seems to be working there. I have no idea for what I should look now.

My current operating system is ArchLinux (but it also happened on my previous mac osx installation) and this is happening in both chromium and firefox. The styleguide config I am using is in the sulu/sulu repository.

I really have no idea what I should be looking for, so I appreciate any kind of help.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:19 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
sapegincommented, Mar 30, 2018

You can check that yourself and have a correct answer instead of asking someone else to guess.

1reaction
vuongccommented, Feb 28, 2018

I don’t know if this will help you but I am using lerna to manage the components version, in order to fix this issue I used the --hoist option which is basically the same as npm link.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Webpack-dev-server not bundling even after showing bundle ...
I've got the issue resolved by myself. Silly as it sounds but the issue was with the publicPath under the output object.
Read more >
Watch and WatchOptions | webpack
Turn on watch mode. This means that after the initial build, webpack will continue to watch for changes in any of the resolved...
Read more >
Module Bundler in JavaScript – How to Use Webpack
A module bundler is a tool developers use to bundle an app's modules and dependencies into a single browser-compatible JavaScript file.
Read more >
How to Reduce Your Webpack Bundle Size for Web App ...
You should get on the assets section two bundles (your main app.js bundle) and (then new vendor bundle). Make sure to link the...
Read more >
How I solved and debugged my Webpack issue through trial ...
js ) and one of the source files contains an error, the stack trace will simply point to bundle.js . This isn't always...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found