javascript - 无法导入包以反应样板

Question

尝试react-image-crop使用 yarn 导入包并将其添加到react boilerplate.

安装软件包后出现此错误

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

样板文件使用的是 babylonsenv预设，因此应该可以使用扩展运算符。

任何想法可能是什么原因？

Answer 1

而不是直接从react-image-crop我使用的导入

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

像魅力一样工作