尝试运行 webpack 打包节点项目时，为什么会出现“TypeError: Class extends value undefined is not a constructor or null”

Question

我有一个从 webpack 导入的简单应用程序。导入的项目导出一个这样的类......

export class BaseApp{...}

import { BaseApp } from "./MyClass"
import OtherThing from "./Other"
....
export { BaseApp, OtherThing }

接下来我尝试在另一个节点/快递项目中扩展它......

import { BaseApp } from "@mine/util";

export class FullApp extends BaseApp{... }

我得到...

class FullApp extends _mine_util__WEBPACK_IMPORTED_MODULE_0__["BaseA
pp"]{
                                                                         ^

TypeError: Class extends value undefined is not a constructor or null

如何扩展从 Webpack 导入的类？

此处更新是一个演示该问题的示例项目...

https://github.com/jrgleason/simple-webpack-node

Answer 1

当来源显然更多时，无法肯定地说。如果其他人看到此错误，首先要查找的是循环依赖项：文件依赖于（可能间接地）依赖于第一个的其他文件。JS 必须从某个地方开始，将无法确保在另一个文件需要它时定义一个文件，并且以后不会尝试返回并填充空白。

如果您有多个 import / require 语句，我建议定期运行像Madge这样的检查器来查找并可选地可视化任何循环，以免它们变得难以撤消。

npm i --saveDev madge
node node_modules/madge/bin/cli.js --warning --circular --extensions js ./