无法导入包以反应样板

时间:2018-01-16 19:45:35

标签: javascript npm webpack yarnpkg react-boilerplate

尝试使用纱线导入react-image-crop包裹并将其添加到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

样板文件正在使用预设的babylons env,因此应该可以使用扩展运算符。

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

1 个答案:

答案 0 :(得分:0)

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

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

和魅力一样工作