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.

Updating app.js causes webpack dev server to report error and then reload the page

See original GitHub issue

If you are reporting a bug, please fill in below. Otherwise feel free to remove this template entirely.

Can you reproduce the problem with latest npm?

yes

Many errors, especially related to “missing modules”, are due to npm bugs.

If you’re using Windows, follow these instructions to update npm.

If you’re using OS X or Linux, run this to update npm:

npm install -g npm@latest

cd your_project_directory
rm -rf node_modules
npm install

Then try to reproduce the issue again.

Can you still reproduce it? yes

Description

from a clone of master branch, running npm start launches webpack dev server as expected. making a simple text change to app.js in the template folder causes an error to occur in webpack dev server.

"Aborted because 191 is not accepted
Update propagation: 191 -> 130 -> 302"

stack:

"Error: Aborted because 191 is not accepted
Update propagation: 191 -> 130 -> 302
    at hotApply (http://localhost:3000/static/js/bundle.js:432:30)
    at hotUpdateDownloaded (http://localhost:3000/static/js/bundle.js:285:13)
    at hotAddUpdateChunk (http://localhost:3000/static/js/bundle.js:265:13)
    at webpackHotUpdateCallback (http://localhost:3000/static/js/bundle.js:8:12)
    at http://localhost:3000/0.e5484019108a9e1efba9.hot-update.js:1:1"

Expected behavior

no error should occur in this case.

Actual behavior

see above.

Environment

Run these commands in the project folder and fill in their results:

  1. npm ls react-scripts (if you haven’t ejected): 0.9.4
  2. node -v: 6.9.2
  3. npm -v: 3.10.9

Then, specify:

  1. Operating system: os x 10.12.3
  2. Browser and version: chrome 56.0.2924.87

Reproducible Demo

Please take the time to create a new app that reproduces the issue.

Alternatively, you could copy your app that experiences the problem and start removing things until you’re left with the minimal reproducible demo.

(Accidentally, you might get to the root of your problem during that process.)

Push to GitHub and paste the link here.

By doing this, you’re helping the Create React App contributors a big time! Demonstrable issues gets fixed faster.

this is in the current master branch.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:22 (15 by maintainers)

github_iconTop GitHub Comments

2reactions
Timercommented, Aug 9, 2017

Released v1.0.11, @justingrant! Please give it a go.

1reaction
ugavnholtcommented, Jun 6, 2017

Workaround is to open the developer tools in chrome, and the exception is no longer thrown - it doesn’t have to stay open - still annoying though

Read more comments on GitHub >

github_iconTop Results From Across the Web

Webpack-dev-server compiles files but does not refresh or ...
After reading a few posts I realized that webpack-dev-server does not generate a new js file but instead injects one into index.html ....
Read more >
Why webpack-dev-server Live-Reload Is Not Working - Medium
Q6: When I modify javascript files, I have to manually run Webpack CLI to see changes to bundle. js in the local filesystem,...
Read more >
Solution for Webpack 5 Dev Server Not Live Reloading
There is currently a bug with Webpack 5 and webpack - dev - server not working that is caused by the existence of...
Read more >
Code Splitting - webpack
This feature allows you to split your code into various bundles which can then be loaded on demand or in parallel. It can...
Read more >
react-hot-loader - npm
Place it after babel-loader, if babel-loader is present. // webpack.config.js module.exports = { module: ...
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