Почему 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 для страницы приведет к перекомпиляции веб-пакета и исчезновению ошибки.

0 ответов

Другие вопросы по тегам