从 tomchentw/react-google-maps 导入 DrawingManager 对于 create-react-app 失败答案

【问题标题】：importing DrawingManager from tomchentw/react-google-maps fails for create-react-app从 tomchentw/react-google-maps 导入 DrawingManager 对于 create-react-app 失败
【发布时间】：2018-02-17 01:28:00
【问题描述】：

在通过 create-react-app 使用

创建的应用中

import DrawingManager from "react-google-maps/src/lib/drawing/DrawingManager";

将失败并显示错误消息

Module parse failed: /.../react-google-maps-test/node_modules/react-google-maps/src/lib/drawing/DrawingManager.js Unexpected token (77:4)
You may need an appropriate loader to handle this file type.
| 
|   propTypes: {
|     ...controlledPropTypes,
|     ...defaultUncontrolledPropTypes,
|   },

由于 create-react-app 使用严格定义的构建过程，因此我对所使用的功能几乎没有影响。应用支持对象传播。

这是tomchentw/react-google-maps 还是react-google-maps side 的问题？我可以在不弹出的情况下运行它吗？

（我提出的这个问题对应于存储库中要求的 SO 上的 issue。）

【问题讨论】：

你可以尝试像这样导入它import { DrawingManager } from "react-google-maps";好吗
我也试过了，但是 index.js (7.3.0) 中没有定义DrawingManager。它必须从库中导入 import DrawingManager from "react-google-maps/src/lib/drawing/DrawingManager";
我的错误我认为根据here应该是import { DrawingManager } from "react-google-maps/drawing"
@wellnoidea：你打算如何处理 GitHub 问题？您认为在此处添加此答案是否有价值？

标签： reactjs create-react-app react-google-maps

【解决方案1】：

谷歌搜索，我最终找到了this issue。它建议执行以下操作

import DrawingManager from 'react-google-maps/lib/drawing/DrawingManager'

【讨论】：

问题是我在第一次测试中忽略的 src。
@wellnoidea：刚刚看到您也更新了 GitHub 问题。酷
注意这里：WebStorm 建议从src 和直接从react-google-maps 导入。两种选择都会失败。正确的导入不是由 WebStorm 提议的。