Синтаксическая ошибка: неожиданный токен в реакции при импорте компонента с использованием метода React.lazy ()

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-dynamici c -import , выполнив эту команду:

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

, а затем добавьте ее в свой babel (ie: .babelrc файл) конфигурация:

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