System.importを使用して反応コンポーネントを非同期でロードする

Reactコンポーネントを非同期でロードしようとしていますが、動作していません。ここに私のコードはあります：System.importを使用して反応コンポーネントを非同期でロードする

import React, { Component } from 'react' 
//import Home from '$components/Home/Home' 

/** 
* Home Page container, loads at `/` route. 
*/ 
class HomeContainer extends Component { 

    /** 
    * React Lifecycle Event: Renders Home Page View 
    * @return {JSX} Calls Home Component to Render the page 
    */ 
    render() { 
    return System.import('javascripts/components/Home/Home') 
     .then(function (Home) { 
     return <Home /> 
     }) 
    } 
} 

export default HomeContainer

どうしたらよいのでしょうか。これを修正する方法を教えてください。

出典

2017-01-09 Bharat Soni