陣營出口報關聲明預計

Question

當我嘗試導出我的組件我的編輯告訴我一個錯誤export declaration statement expected

這裏是我的代碼：

export Header from './Header/Header'; 

，但如果我這樣做：

export {default as Header} from './Header/Header'; 

它不顯示任何錯誤。

我Header.js

export default class Header extends React.Component { 
    //code 
} 

我下面這個例子https://github.com/erikras/react-redux-universal-hot-example/blob/master/src/components/index.js

我的組件文件夾結構和出口方式同樣喜歡那些鏈接。

任何解決方案？

Answer 1

任何解決方案？

export Header from './Header/Header';是無效語法，但是存在支持它的proposal。

您鏈接到configured babel信息庫通過使用stage-0預設支持該提議的特性：

{ 
    "presets": ["react", "es2015", "stage-0"], 
    ... 
} 

stage-0包括stage-1其中包含了實現此功能的transform-export-extensions plugin。

---

但要清楚，你不有使用這項實驗性功能。

export {default as Header} from './Header/Header'; 

具有相同的效果，並且是標準ES6。

Answer 2

嘗試 export default from './Header/Header';