Почему Babel не может найти свои вспомогательные функции при компиляции изменений стиля с помощью веб-пакета в режиме просмотра?
Возникли проблемы с babel и webpack. Я не уверен, что привело к возникновению этой проблемы. Она была прерывистой, произошла несколько дней назад, а затем ушла после нескольких часов попыток отладки. Я не уверен, что это исправило тогда.
webpack.config --- соответствующие части package.json
Проект представляет собой многостраничное приложение jQuery и Flask, которое переносится в React. Мы также используем react-bootstrap
,
Вопрос заключается в следующем:
- Когда я делаю изменения в файле sass или css
- После компиляции веб-пакета
- Бабель не может найти некоторые из его вспомогательных функций. Либо пути не могут быть разрешены, либо вставляются неправильные пути.
- Это происходит только тогда, когда веб-пакет работает в режиме просмотра. Перезапуск веб-пакета устранит ошибки.
- Ошибки возвращаются, как только я снова запускаю режим просмотра и изменяю любой из моих sass или css.
Некоторые ошибки, которые я получал при загрузке страницы после компиляции изменений стиля:
1.
В консоли:Uncaught TypeError: dP.f is not a function
Файл в инспекторе хрома, _hide.js
var dP = require('./_object-dp');
var createDesc = require('./_property-desc');
module.exports = require('./_descriptors') ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
object[key] = value;
return object;
};
// WEBPACK FOOTER
// ./node_modules/babel-polyfill/node_modules/core-js/modules/_hide.js
// module id = 136
// module chunks = 17
2.
Ошибка в консоли: Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default.a is not a function
Файл в инспекторе хрома, PanelGroup.js
- от react-bootstrap
соответствующие части.
import _inherits from 'babel-runtime/helpers/inherits';
var PanelGroup = function (_React$Component) {
_inherits(PanelGroup, _React$Component);
3.
Ошибка в консоли: __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default.a is not a function
Файл в инспекторе хрома, Collapse.js
- от react-bootstrap
соответствующие части.
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
ОБНОВИТЬ:
rm -rf node_modules
не помогает. Внесение каких-либо изменений в файл ввода JS для страницы приведет к перекомпиляции веб-пакета и исчезновению ошибки.