类型错误 - 不是构造函数

Question

想在ES6 javascript中实例化一个模块并转换为ES5.我在我的项目中设置了一个新类,即es6/webpack.我有2个文件:track.js,其中包含以下内容 -

export default class Track {
  constructor() {
    this.o = {};
  }
}

另一个是index.js -

import { Track } from './track';

const track = new Track();
console.log(track);

我试图让控制台日志显示一个空对象.相反,我得到 - Uncaught TypeError:_track.Track不是构造函数

Answer 1

您是Track默认导出的,因此您应该使用默认导入.更改

import { Track } from './track';

至

import Track from './track';

请参阅javascript中的"导出默认值"是什么？

当你这样做时,import { Track } from './track'你试图访问Track导出对象的属性(这是Track类),这是未定义的(所以它不是构造函数).

Answer 2

问题是要导入的方式Track在index.js.您需要像这样导入:

import Track from './track';

或者track.js你需要像这样导出它:

export {Track}