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.

Error: Cannot find module 'react-error-overlay/middleware'

See original GitHub issue

Is this a bug report?

Yes

Can you also reproduce the problem with npm 4.x?

Yes. npm@4.6.1 npm@5.4.1 yarn@1.0.0

Which terms did you search for in User Guide?

Error: Cannot find module ‘react-error-overlay/middleware’

Environment

  1. node -v: v7.10.1
  2. npm -v: v5.4.1
  3. yarn --version (if you use Yarn): 1.0.0
  4. npm ls react-scripts (if you haven’t ejected):

Then, specify:

  1. Operating system: Ubuntu 16.04
  2. Browser and version (if relevant):

Steps to Reproduce

(Write your steps here:)

  1. yarn install
  2. yarn start

Expected Behavior

No error

Actual Behavior

yarn start v1.0.0
$ node scripts/start.js
module.js:472
    throw err;
    ^

Error: Cannot find module 'react-error-overlay/middleware'
    at Function.Module._resolveFilename (module.js:470:15)
    at Function.Module._load (module.js:418:25)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
.
.
.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:4
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

16reactions
jaywcjlovecommented, Oct 16, 2017

@xMihai

const errorOverlayMiddleware = require('react-dev-utils/errorOverlayMiddleware');
0reactions
ducarrozcommented, Apr 12, 2018

I solved this issue by replacing any require of:

  • react-error-overlay by react-dev-utils/webpackHotDevClient
  • react-error-overlay/middleware by react-dev-utils/errorOverlayMiddleware

Only had to modify config files

Read more comments on GitHub >

github_iconTop Results From Across the Web

Cannot find module 'react-error-overlay/middleware' - Stack ...
Basically, this means that the module does not work in the same way it did before. If you project worked a year or...
Read more >
react-error-overlay - npm
react-error-overlay is an overlay which displays when there is a runtime error. Development. When developing within this package, make sure you ...
Read more >
How to use the react-error-overlay/middleware function in ...
To help you get started, we've selected a few react-error-overlay/middleware examples, based on popular ways it is used in public projects.
Read more >
react-dev-utils | Yarn - Package Manager
react -scripts. #12245 fix: webpack noise printed only if error or warning (@Andrew47). create-react-app ; cra-template-typescript , cra-template , react-scripts.
Read more >
How to fix Error: cannot find module "webpack" - Educative.io
Solution · 1. Install webpack in the local app folder · 2. Link webpack to your project.
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