Webpack混合了默认导入和命名导入

马蒂亚·拉伦蒂斯(Mattia Larentis)

更新一些部门(react-bootstrap)时遇到了React错误

You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

在其他设置(故事书,创建react应用,codesandbox等)中编译相同的代码不会显示此问题。

看起来像我们导入(react-bootstrap/Dropdown的组件,导入了另一个react-overlays/Dropdown导致问题的组件()。

我将错误跟踪到不输出的这一行: /* harmony import */ var react_overlays_Dropdown__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_overlays_Dropdown__WEBPACK_IMPORTED_MODULE_4__);

相反,无效代码使用..._MODULE_4__['default']语法,该语法将失败并引发错误。

马蒂亚·拉伦蒂斯(Mattia Larentis)

经过数小时的搜索,我发现了问题所在...

改变这个

module.exports = {
    resolve: {
        modules: [path.join(__dirname, 'node_modules')]
    }
};

对此

module.exports = {
    resolve: {
        modules: ['node_modules']
    }
};

解决了问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章