2017-04-19 5 views
1

は私の編集者はここは、輸出申告書は、私は私のコンポーネントをエクスポートしようとすると

export declaration statement expectedが私のコードである私にエラーを表示する期待リアクト:

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

export 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

マイコンポーネントのフォルダ構造とエクスポート方法を以下のよ。

+0

'./Header/Header 'から' export {default as Header} ';が私の右に見えます。その問題は何ですか? –

+0

@Felix Kling問題はありません。私が興味を持っているのはなぜ私が投稿したリンクで、問題はない – ssuhat

答えて

3

どれソリューションをお試しください!

export Header from './Header/Header';は有効な構文ではありませんが、サポートするためにはproposalが存在します。

あなたがstage-0プリセットを使用して、この提案機能をサポートするためにconfigured babelにリンクされているリポジトリ:

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

stage-0は、この機能を実装しtransform-export-extensions pluginを含むstage-1が含まれています。


はなく、明確にするために、あなたはこの実験的な機能を使用するにはを持っていない ありません。

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

は、同じ効果を持ち、標準的なES6です。

+0

こんにちは、良いキャッチ!。私はvscodeを使用していますが、stage-0を使用するように.babelrcを設定していますが、なぜまだエラーが表示されていますか(パッケージはすでにインストールされています)? – ssuhat

+0

vscodeの仕組みがわからないので、バーベルを認識していない可能性があります。私はIDEがあらゆる実験的な機能をサポートするとは期待していません。 –

0

export default from './Header/Header';

+0

私はこれをやりません。このファイルをグローバルに呼び出す必要があります。 – ssuhat

+0

このフォームは正式にはサポートされていませんが、[* proposal *](https://github.com/leebyron/ecmascript-export-default-from)としてのみ存在します。実験的な機能を使用することを提案している場合は、その機能を使用するために何をすべきか説明してください。 –

+0

私は参照してください。私はどのエディタを使用しているのかわかりませんが、 'export Header from './Header/Header';'は私のために働きます。私はWebStormを使用します。 – Hannan

関連する問題