У меня странная проблема с моим кодом, у меня есть стилизованный компонент div, который оборачивается вокруг другого компонента, например так:
<ContentWidget>
<BookDay />
</ContentWidget>
(Bookday возвращает пустой div, так что это не должно быть проблемой)
Мой стилизованный компонент ContentWidget является пустым стилизованным компонентом div и объявлен так:
const ContentWidget = styled.div``;
Странно то, что у меня есть больше наполненных контентом виджетов, которые загружают другие компоненты внутри моего веб-приложения. Весь импорт хорош, потому что он отлично работает в разработке Но всякий раз, когда я запускаю npm run build, я получаю следующее сообщение об ошибке в своей консоли.
ОШИБКА в ./app/containers/Dashboard/Dashboard.js 41:18 Разбор модуля
ошибка: неожиданное ключевое слово var (41:18)
загрузчик для обработки этого типа файлов. | импортировать ForegroundBlob из
"BasicComponents / ForegroundBlob / ForegroundBlob"; | Импортировать
ForegroundBlobWrapper от
"BasicComponents / ForegroundBlob / ForegroundBlobWrapper";
import BookDay, {var _ref = | / # PURE / | _jsx (ContentWidget, {}, void 0, _jsx (BookDay, {})); } из "components / BookDay / BookDay";
@ ./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
Я обнаружил, что всякий раз, когда я просто меняю теги стандартным тегом div, он создается так, как должен. Я никогда не был так растерян, как сейчас.