reactjs - react-svg-pan-zoom：生产版本的问题（服务构建）

Question

我正在使用使用 create-react-app 创建的应用程序中的 react-svg-pan-zoom组件，只要我不构建，一切正常。当我执行时：

npm run build
serve -s build
http://localhost:5000/

我看到一个空白页，这就是我在控制台日志中看到的：

当我生成最小化版本时，似乎发生了一些奇怪的事情。有没有人已经遇到过类似的问题？

Answer 1

解决问题的帖子在GitHub 项目页面上

react-svg-pan-zoom 的 package.json 中的 browser 字段设置为使用 UMD 包。CRA 的构建过程（ala webpack）使用该字段作为提示，并最终将 UMD 捆绑包包含在您的最终应用构建中。我相信 React 只适用于 es6 类。这里的快速修复是更改您的导入语句以显式使用此包中的 ES 包。例如改变

import { UncontrolledReactSVGPanZoom } from 'react-svg-pan-zoom'

至

import { UncontrolledReactSVGPanZoom } from 'react-svg-pan-zoom/build-es'

感谢lionken