Uncaught TypeError: Object (...) не является функцией при связывании с WebPack 4

Question

Я импортирую некоторую библиотеку

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

в мой веб-компонент TypeScript 4 и использую ее как

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 TS C) мне следует посмотреть в / для. Я понятия не имею о правильном названии этой проблемы, поэтому я попробовал правильно ее решить.

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

, что не является соответствующим ответом, в надежде показать какой-нибудь совет для вас ~