Babel上未定义的导入类构造函数(ES6)

时间:2017-05-15 09:20:10

标签: javascript node.js class ecmascript-6 babeljs

我是一名新手,正在对Babel ES6,Webpack,Vue进行简单的代码测试。

但是,我在导入Class时遇到问题。

project_folder / SRC / index.js

import { Octopus } from './view/A.vue';

console.log(Octopus);
const a = new Octopus();
console.log(a);

project_folder / SRC /视图/ A.vue

import Vue from 'vue';

export class Octopus {
    constructor () {
        console.log("Hello");
    }
}

webpack和lint似乎没问题。

但是在记录"八达通"在控制台上,打印undefined,并打印出Octopus不是构造函数的错误。

感谢。

1 个答案:

答案 0 :(得分:0)

也许我太急于检查愚蠢的错误。

我发现A.vue应该是A.js.它应该加载babel-loader,而不是vue-loader,而且代码没有类似vue-loader的语法(s.t.模板,脚本,样式)。