Я работал над веб-приложением локально, и все работает безупречно. Но всякий раз, когда я запускаю npm run build, я получаю следующее сообщение об ошибке в моей консоли.
ОШИБКА в ./app/containers/Dashboard/Dashboard.js 42:27 Разбор модуля
ошибка: неожиданное ключевое слово var (42:27)
загрузчик для обработки этого типа файлов. | импортировать BookDay из
"Компоненты / BookDay / BookDay"; | импортировать PatientOverview из
"Компоненты / PatientOverview / PatientOverview";
import TreatmentPlanner, {var _ref = | / # PURE / | _jsx (ContentWidget, {}, void 0, _jsx (TreatmentPlanner, {})); } из "компоненты / ЛечениеPlanner / TreatmentPlanner"; @
./app/containers/PracticePage/PracticePage.js 40: 0-55 58: 5-14 @
./app/containers/PracticePage/Loadable.js @
./app/containers/App/App.js @ ./app/app.js @ multi
./node_modules/react-app-polyfill/ie11.js ./app/app.js Child
__offline_serviceworker:
Мой импорт выглядит так:
import ForegroundBlobWrapper from "basicComponents/ForegroundBlob/ForegroundBlobWrapper";
import BookDay from "components/BookDay/BookDay";
import PatientOverview from "components/PatientOverview/PatientOverview";
import TreatmentPlanner from "components/TreatmentPlanner/TreatmentPlanner";
import PlannedAppointments from "components/PlannedAppointments/PlannedAppointments";
import PageTitle from "components/PageTitle/PageTitle";
Также мой линтер показывает мне очень странную проблему на линии, которую он ломает (импорт TreatmentPlanner).
import TreatmentPlanner from "components/TreatmentPlanner/TreatmentPlanner";
Ошибка Linter:
Я пытался выяснить, в чем проблема, но я, честно говоря, не знаю, что может быть причиной этого.
РЕДАКТИРОВАТЬ:
Обнаружено, что проблема может быть в стилизованном компоненте. The Treatmentplanner заключен в стилизованный компонент с именем ContentWidget, который пуст. Но когда я изменяю это на нормальный div, он снова работает? Я сейчас еще больше сбит с толку.