与WebPack 4捆绑时未捕获到的TypeError:Object(...)不是函数

时间:2020-02-04 14:12:57

标签: javascript typescript webpack

我正在导入一些库

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)) {....}

似乎缺少逗号。如果我就地添加该逗号,则应用程序似乎按预期运行。 如果我使用Rollup运行相同的源版本,则没有运行时错误。 我应该研究/寻找哪些相关的WebPack(或mby TSC)配置。我不知道此问题的正确名称,所以我坚持使用Google正确搜索。

1 个答案:

答案 0 :(得分:0)

当这样导入时,我遇到了类似的错误

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';

那不是对应的答案,希望给你一些提示〜