Question

所以我试图在节点js中扩展一个类，并且编译器一直返回以下错误：

TypeError: Class extends value #<Object> is not a function or null

我检查过我正在正确导出课程，我是，有什么想法吗？我将在下面发布我的代码：

/handler/venue.js：

var VenueViews = require('../views/venue'); // If I remove this the error will dissapear (as expected)
class Venue {
  constructor(data) {
    this.setDataHere = data;
  }

  main () {
   var View = new VenueViews(); // This doesn't run
  }


}

module.exports = Venue;

/views/venue.js：

var Venue = require('../handlers/venue');
console.log  (Venue) // This returns {} ???

class VenueViews extends Venue {
  constructor() {
    super();
  }
}

module.exports = VenueViews;

我知道该节点支持这些es6 features，所以我不确定他们为什么不工作？

编辑：

我不确定是否会发生这种情况但是，当我记录我的Venue时，它会返回一个空对象{}。

console.log  (Venue) // This returns {} ???

Answer 1

所以事实证明我在我的代码中有一个循环引用，在那里我是importing扩展的类，进入自己扩展的类（绕口令：P）。

明显的解决方法是简单地删除extends引用并找到另一种方法来完成我想要实现的目标。在我的例子中，它将Venue类属性传递给VenueViews构造函数。

E.g var x = VenueViews(this)

Answer 2

在我的实例中，由于我试图在Typescript中设置工厂模式，这与@ James111遇到（循环导入）相同。我的解决方法是将代码移入文件，类似于以下内容：

// ./src/interface.ts
import { ConcreteClass } from './concrete';

export interface BaseInterface {
   someFunction(): any;
}

export class Factory {
  static build(): BaseInterface {
     return new ConcreteClass();
  }
}

// ./src/base.ts
import { BaseInterface } from './interface';
class BaseClass implements BaseInterface {
  someFunction(): any {
    return true;
  }
}

// ./src/concrete.ts
import { BaseClass } from './base';
export class ConcreteClass extends BaseClass {
  someFunction(): any {
    return false;
  }
}

Answer 3

我遇到了类似的问题，在检查了所有解决方法后，最终通过删除 node_modules 文件夹并运行 npm i 解决了问题。

Node.js v6.2.0类扩展是不是函数错误？

/handler/venue.js：

/views/venue.js：

编辑：

3 个答案: