導出類導入對象

Question

這是我的代碼（vanillaJS）：

// app.js
import Block from './models/index';
console.log(typeof(Block));
let block = new Block();

// /models/block.js
export default class Block {
    constructor() {
    }
};

// /models/index.js
import Block from './block';
export default { 
    Block
};

app.js中的console.log告訴我Block是一個對象。

我想將Block作為類導入而不是對象。

我做錯了什么？ 可能嗎？

美好的一天。

Answer 1

這里

// /models/index.js
import Block from './block';
export default { 
    Block
};

你確實導出了一個對象（帶有屬性Block ）。 要導出類只需：

// /models/index.js
import Block from './block';
export default Block

// or in one line: export { default } from './block'

Answer 2

如前所述， { Block } - 您導出的東西 - 確實是一個對象。 但是，我建議不要將models/index.js中的任何內容默認導出為解決方案。
我想你在這里尋找命名的出口：

// /models/index.js
import Block from './block';
export { // <- this is not an object literal
    Block // short for: `Block as Block`
};
// or in one line:
export { default as Block } from './block';

// app.js
import { Block } from './models/index';
//     ^       ^
console.log(typeof(Block));
let block = new Block();