在监视模式下使用webpack编译样式更改时,为什么不能发现其辅助函数?

时间:2018-01-29 17:29:19

标签: javascript reactjs webpack babel webpack-3

与babel和webpack有一些问题。 我不确定是什么引入了这个问题,它是间歇性的,几天前就发生了,然后经过几个小时的尝试调试就消失了。我不知道是什么修理了它。

webpack.config --- relevant parts of package.json

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

问题是:

  • 当我在sass或css文件中进行更改时
  • 在webpack编译后
  • Babel无法找到一些辅助函数。路径不能 解决,或插入错误的路径。
  • 仅当webpack在监视模式下运行时才会发生这种情况。重新启动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重新编译并且错误消失。

0 个答案:

没有答案