2

babel 和 webpack 有一些问题。我不确定是什么引入了这个问题，它是断断续续的，发生在几天前，然后在尝试调试数小时后消失了。我不确定是什么解决了它。

webpack.config --- package.json 的相关部分

该项目是一个多页面的 jQuery 和 Flask 应用程序，正在迁移到 React。我们也在使用react-bootstrap.

问题是：

  • 当我对 sass 或 css 文件进行更改时
  • webpack 编译后
  • Babel 找不到它的一些辅助函数。路径无法解析，或者插入了错误的路径。
  • 这只发生在 webpack 在 watch 模式下运行时。重新启动 webpack 将使错误消失。
  • 一旦我再次启动手表模式并对我的任何 sass 或 css 进行更改，错误就会再次出现。

编译样式更改后我在页面加载时遇到的一些错误：

1.

在控制台中：Uncaught TypeError: dP.f is not a function

chrome检查器中的文件，_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

chrome 检查器中的文件，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

chrome 检查器中的文件，Collapse.js- 来自react-bootstrap相关部分。

import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';

更新：

rm -rf node_modules没有帮助。对页面的 JS 入口文件进行任何更改都会导致 webpack 重新编译并且错误消失。

4

0 回答 0