javascript - 无法导入包以 react 样板

Question

尝试使用yarn导入react-image-crop包并将其添加到react样板中。

安装包后出现此错误

Module parse failed: /Users/...../frontend/node_modules/react-image-crop/lib/ReactCrop.js Unexpected token (62:25)
You may need an appropriate loader to handle this file type.
| 
| function makeAspectCrop(crop, imageAspect) {
|   const completeCrop = { ...crop };
| 
|   if (crop.width) {
 @ ./app/components/ImageUpload/index.js 23:0-41
 @ ./app/containers/HomePage/index.js
 @ ./app/containers/HomePage/Loadable.js
 @ ./app/containers/App/index.js
 @ ./app/app.js
 @ multi eventsource-polyfill webpa

样板文件使用babylons env预设，因此扩展运算符应该可用。

知道可能是什么原因吗？

Answer 1

我没有直接从 react-image-crop 导入

import ReactCrop from 'react-image-crop/dist/ReactCrop';

并且像魅力一样工作