语法错误：使用React.lazy（）方法导入组件时，react中出现意外令牌

Question

无法编译。

./ src / App.js中的错误语法错误：意外令牌（11:31）

   9 | import Fastfood from "./Fastfood";
  10 | import Billing from "./Billing";
> 11 | const Fruit = React.lazy(() => import("./Fruit"));
     |                                ^
  12 | const App = () => {
  13 |   const isLogin = true;
  14 | 

@ ./src/index.js 13：11-27

Answer 1

您可以通过运行以下命令添加babel-plugin-syntax-dynamic-import：

npm install --save-dev babel-plugin-syntax-dynamic-import

然后将其添加到您的babel（即.babelrc文件）配置中：

{
  "plugins": ["syntax-dynamic-import"]
}