2016-12-14 171 views
1

我要出口一些模塊如下面的方式,但始終沒..如何重新導出另一個模塊的默認導出?

foo.js

const foo = { 
    a: 'b' 
}; 
export default foo; 

index.js

export foo from './foo'; // encounter error here 
export * from './foo'; // it works.. 

我不知道爲什麼我不能使用第一種方法從foo.js導出模塊,在我看來,我可以導出任何類似func,class,變量等。

+0

可怕的稱號。絕對可怕。請給出解釋問題的標題,而不是像「爲什麼這段代碼不起作用」這麼模糊 – vsync

+0

@vsync我很抱歉,我會盡快更改標題,謝謝您的回覆。 –

+0

這已被問了很多次,一個簡單的谷歌可能已經幫你省去了寫作和其他人的閱讀。請參閱http://stackoverflow.com/q/34444909/104380和http://stackoverflow.com/q/37200080/104380 – vsync

回答

5

爲一個模塊的默認導出爲另一個名爲出口,你必須做到:

// index.js 
export { default as foo } from './foo'; 

現在,您可以導入foo其他地方命名出口:

// another.js 
import { foo } from './index' 
+0

感謝您的答覆。 –