时间戳

首页 > 解决方案 > Uncaught TypeError: Object(...) is not a function when bundled with WebPack 4

javascript - Uncaught TypeError: Object(...) is not a function when bundled with WebPack 4

问题描述

我正在导入一些库

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）配置。我不知道这个问题的正确名称，所以我坚持用谷歌搜索它。

标签： javascripttypescriptwebpack

解决方案

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

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

那不是对应的答案，希望能给你一些提示~

推荐阅读