Babel上未定义的导入类构造函数（ES6）

Question

我是一名新手，正在对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似乎没问题。

但是在记录＆＃34;八达通＆＃34;在控制台上，打印undefined，并打印出Octopus不是构造函数的错误。

感谢。

Answer 1

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

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