在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和皮棉似乎还可以。

但是，在控制台上登录“八达通”时，将打印undefined ，并显示八达通不是构造函数的错误。

谢谢。

Answer 1

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

我发现A.vue应该是A.js。 应该使用babel-loader而不是vue-loader进行加载，此外，代码没有类似vue-loader的语法（st模板，脚本，样式）。