如何在 create-react-app 之外使用 react-error-overlay？

Question

我想在create-react-app之外使用react-error-overlay包。

但它没有提供任何关于如何应用它的文档。

有人知道如何实现吗？

谢谢

- Ben

Answer 1

• Install the react-error-overlay package via npm

• Add a require.resolve to your app entry point array

  app: [
      require.resolve('react-error-overlay'),
      './src/app/'
  ], 
  

• Add the setup function to your webpack-dev-server configuration so you can add the middleware

  setup(app) {
      app.use(errorOverlayMiddleware());
  }
  

全部完成

- Cam Fra

---

你能否提供一个你成功运行的例子吗？我遇到了一个错误。 - 55 Cancri

你得到了什么错误？我得到了 Cannot find module 'react-error-overlay/middleware' 的错误。 - swyx

Answer 2

选项B - 在您的package.json中将react-error-overlay回滚到与1.x兼容的版本

- Nick Sarafa

Answer 3

你好，我来给你提供一个小技巧 - 如果你只想使用运行时覆盖，请按照以下步骤操作：https://twitter.com/swyx/status/961413452446257152

你也可以同步调用构建时覆盖，但这需要更多的操作，并且最好使用errorOverlayMiddleware（顺便说一下，它已经移动到react-dev-utils中）

祝你好运！

- swyx