未捕获的类型错误:与 WebPack 4 捆绑时，Object(..) 不是一个函数

Question

>我正在导入一些库

import { connect } from '@captaincodeman/redux-connect-element';

到我的 TypeScript 4 Web 组件中，并像使用它一样使用它

export class AppRouterElement extends connect(store, LitElement) {....}

然后简单地yarn build(纱线 2(。构建成功，没有错误，但在运行时我得到Uncaught TypeError: Object(...) is not a function

在深入研究编译的JavaScript时，我看到输出

let Sr = class extends (Object(wr.connect) (fn, vr)) {....}

这似乎缺少逗号。如果我就地添加该逗号，应用程序似乎按预期工作。 如果我使用汇总运行相同的源代码版本，则没有运行时错误。 我应该研究/查找哪些相关的 WebPack(或 mby TSC(配置。我不知道这个问题的正确名称，所以我坚持正确地谷歌它。

Answer 1

像这样导入时，我遇到了类似的错误

import start from './modules/App.jsx';

就像这样

Uncaught TypeError: Object(...) is not a function
at eval (index.js:4)
at Module../src/index.js (main.d806e840d36f0916cf01.js:589)
at __webpack_require__ (main.d806e840d36f0916cf01.js:20)
at eval (webpack:///multi_(:8080/webpack)-dev-server/client?:2:18)
at Object.0 (main.d806e840d36f0916cf01.js:624)
at __webpack_require__ (main.d806e840d36f0916cf01.js:20)
at main.d806e840d36f0916cf01.js:84
at main.d806e840d36f0916cf01.js:87

度过了几辈子~，我发现我错过了牙套...... 就在下面我修复了

import { start } from './modules/App.jsx';

那不是对应的答案，希望能给大家看点提示~