类型错误 - 不是构造函数

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

我想有控制台日志中显示一个空的对象。 相反，我越来越 - 遗漏的类型错误：_track.Track是不是构造

Answer 1

问题是与你在index.js进口Track的方式。你需要或者进口这样的：

import Track from './track'; 

或者在track.js，你需要将它导出这样的：

export {Track} 

Answer 2

要导出Track为默认值，所以你应该使用默认的导入。更改

import { Track } from './track'; 

到

import Track from './track'; 

见What is "export default" in javascript?

---

当你做你试图访问导出对象的Track财产（这是田径类），这是未定义的（所以它不是构造函数）。