2017-05-15 13 views
0

反応するように比較的新しいイムを(私は正確には、preact.jsを使用しています)反応し、私はコードにしようとしていますがアウトに述べたように、私の部品を輸出WebPACKの2コード分割部品

イムを使用してコンポーネントを反応させる分割しましたドキュメンテーションと私はimportingそれは負荷です。

import('./components/List').then((List) => { 
    render(<List />, document.getElementById('main')); 
    }); 

スクリプトは読み込まれますが、私は約束のコールバックを正しく処理しておらず、動作中のバージョンを示すドキュメントが見つからないことがあります。

Listは、次のオブジェクトを返します。

enter image description here

+0

でそれを行うだろう、あなたのthendefaultとを追加する ? – hazardous

+0

コンソールダンプで更新させてください –

+0

このコードを実行すると、実際にエラーが返されません。レンダリングは何もしません。 –

答えて

1

私はあなたのレポを見ました。あなたのリストコンポーネントにexport defaultがないようです。私はあなたが約束を扱うとき、私は `then`の内側に来ている何このよう

.then(module => { 
    const Component = module.default; 
    render(<Component />, document.getElementById('main')) 
}) 
+0

これは良いですね、私のコードと更新でそれを試してみます。乾杯 –