Ошибка «Ошибка разбора модуля» при отложенной загрузке после обновления activ-scripts 3.0.0

Question

Я загружаю компоненты в свое приложение React, и все работает нормально. Однако после обновления activ-scripts 3.0.0 я продолжаю получать сообщение об ошибке «Ошибка синтаксического анализа модуля: неожиданный токен»:

./src/routes/App.js 22:9
Module parse failed: Unexpected token (22:9)
You may need an appropriate loader to handle this file type.
| import { Loader } from '../components/Preloaders/Loader';
| var ClippedDrawer = lazy(function () {
>   return import('../components/Drawer');
| });
| var Settings = lazy(function () {

Вот начало файла App.js:

import React, { lazy, Suspense } from 'react';
import {
    Router,
    Route,
    Switch
} from 'react-router-dom';

import { Loader } from '../components/Preloaders/Loader';

const ClippedDrawer = lazy(() => import('../components/Drawer'));
const Settings = lazy(() => import('../containers/Settings/Settings'));
const NotFound = lazy(() => import('../containers/NotFound'));

Что с этим не так и как мне это исправить?

Answer 1

Нашел решение: (Но, пожалуйста, сделайте резервную копию вашего проекта на случай, если он потерпит неудачу).

• Удалить node_modules
• Удалить package-lock.json ( НЕ package.json)

В терминале:

• Выполнить npm install react-scripts@latest
• Пробег npm install

Посетите https://github.com/facebook/create-react-app/issues/6673 для более подробной информации.