導入的類構造函數在巴別塔上未定義（ES6）

我是一個新手，並做了一個簡單的代碼測試巴貝爾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，並打印出八達通不是構造函數的錯誤。

謝謝。

如果您使用從'./view/A.vue'導入Octopus會發生什麼;'？我從'import'語句中刪除了'{}'。 – Mjh

@Mjh謝謝，但可能無法解決問題。我發現這是我的一個愚蠢的錯誤。找到解決方案 –

也許我太急於檢查愚蠢的錯誤。

我發現A.vue應該是A.js.它應該加載babel-loader，而不是vue-loader，並且代碼沒有vue-loader-like-syntax（s.t.模板，腳本，樣式）。

2017-05-15 12:18:44

回答