インポートされたクラスコンストラクタバベル（ES6）で未定義

私は初心者で、簡単なコードテストBabel ES6、Webpack、Vueを作成しています。インポートされたクラスコンストラクタバベル（ES6）で未定義

しかし、クラスのインポートに関する問題に直面しています。

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や糸くずは大丈夫そうです。

しかし、コンソールに「Octopus」を記録すると、undefinedが出力され、Octopusがコンストラクタではないというエラーが表示されます。

ありがとうございました。

'' Octopus from 'を使用するとどうなりますか./view/A.vue'; '？あなたの 'import'ステートメントから' {} 'を削除しました。 – Mjh

@Mjhありがとうございますが、問題を解決していない可能性があります。私はそれが私の愚かな間違いの一つであることがわかった。見つかった解決策:) –

多分私は愚かな欠陥をチェックするには急いでいました。

A.vueはA.jsである必要があります。これには、vue-loaderではなくbabel-loaderがロードされている必要があります。さらに、コードにはvue-loader-like-syntax（s.t.テンプレート、スクリプト、スタイル）がありません。

2017-05-15 12:18:44

答えて