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

Question

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

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

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

当我制作最小化版本时，似乎发生了一些奇怪的事情。有人有过类似的问题吗？

Answer 1

解决问题的帖子是GitHub project page

react-svg-pan-zoom的package.json中的浏览器字段设置为使用UMD包。 CRA的构建过程（ala webpack）正在使用该字段作为提示，最终将UMD包拉到最终的应用程序构建中。我相信React只适用于es6类。这里的快速修复是更改您的import语句以显式使用此包中的ES包。对于例如更改

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

至

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

感谢lionkeng