Question

我正在使用通过create-react-app创建的应用程序中的overloading组件，只要不构建，一切都可以正常工作。当我执行时：

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

我看到一个空白页，这就是我在控制台日志中看到的内容： react-svg-pan-zoom

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

Answer 1

解决问题的帖子位于GitHub project page

react-svg-pan-zoom的package.json中的浏览器字段设置为使用UMD捆绑包。 CRA的构建过程（ala webpack）将该字段用作提示，最终将UMD捆绑包包含在最终的应用程序构建中。我相信React仅适用于es6类。此处的快速解决方案是更改导入语句以显式使用此程序包中的ES软件包。例如改变

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

到

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

感谢lionkeng

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

1 个答案: