Question

我正在为我的Web应用程序使用React-boilerplate。我已根据项目要求对样板进行了调整。最近，我正在与软件包一起更新新的更改。一个主要变化是用react.lazy替换react-loadable，并将react 16.6.0的react更新为16.8.6，此后出现错误：

ERROR in ./app/containers/Folder/loadable.js 3:9
Module parse failed: Unexpected token (3:9)
You may need an appropriate loader to handle this file type.
| import loadable from 'utils/loadable';
| export default loadable(function () {
 >   return import('./index');
| }, {
|   fallback: null
@ ./app/containers/App/index.js 61:0-82 181:19-42
@ ./app/app.js
@ multi ./node_modules/react-app-polyfill/ie9.js eventsource-polyfill 
webpack-hot-middleware/client?reload=true ./app/app.js

更早的React-loadable版本代码：

import Loadable from 'react-loadable';

export default Loadable({
   loader: () => import('./index'),
   loading: () => null,
   delay: 3000,
});

为将react-loadable替换为react.lazy所做的更改

实用程序/可加载文件link

import loadable from 'utils/loadable';

export default loadable(() => import('./index'), {
  fallback: null,
});

无法找出此错误的根本原因。

用react-boilerplate（v4.0）替换react-loadable用react.lazy

0 个答案: