Webpack 2 + React - các tuyến lồng nhau khi chia tách mã với System.import

Question

Tôi có một ứng dụng dựa trên bài viết http://moduscreate.com/code-splitting-for-react-router-with-es6-imports/. Tôi đã thêm một số tuyến đường dành cho trẻ em và giờ đây cấu hình bộ định tuyến của tôi là như vậy:

function errorLoading(err) { 
    console.error('Dynamic page loading failed', err); 
} 

function loadRoute(cb) { 
    console.log('load route called'); 
    return (module) => cb(null, module.default); 
} 

const obj = { 
    component: App, 
    childRoutes: [ 
    { 
     path: '/', 
     getComponent(location, cb) { 
     System.import('pages/Home') 
      .then(loadRoute(cb)) 
      .catch(errorLoading); 
     } 
    }, 
    { 
     path: '/gsgs', 
     getComponent(location, cb) { 
     System.import('pages/Gsgs') 
      .then(loadRoute(cb)) 
      .catch(errorLoading); 
     }, 
     childRoutes: [ 
     { 
      path: 'go', 
      getComponent(location, cb) { 
      System.import('pages/Gsgs/Home.js') 
       .then(loadRoute(cb)) 
       .catch(errorLoading); 
      }, 
     } 
     ] 
    }, 
    { 
     path: '/about', 
     getComponent(location, cb) { 
     System.import('pages/About') 
      .then(loadRoute(cb)) 
      .catch(errorLoading); 
     } 
    }, 
    ] 
}; 

/index// gsgs routes kích hoạt tải mã động chỉ tốt. Nhưng/gsgs/go kích hoạt 404 với

bundle.js:2 Dynamic page loading failed Error: Loading chunk 0 failed.(…)

Tôi đang làm gì sai? Im sử dụng

"webpack": "^2.1.0-beta.4", 
"webpack-dev-server": "^2.0.0-beta" 

Answer 1

Tôi đã cố tạo lại vấn đề trên bài đăng trên blog và có vẻ như đã xảy ra sự cố. Tôi đã cố gắng khắc phục điều đó và tôi không thể thấy lỗi đó nữa.

Bạn có thể tham chiếu đến số commit này có thay đổi đối với tổng thể hiện tại và tôi có thể tải tuyến đường con theo cách động.

Hãy cho tôi biết nếu bạn gặp phải sự cố lần nữa. Nó sẽ là tuyệt vời nếu bạn có thể có repo mẫu có thể tái sản xuất vấn đề, tôi sẽ được vui để gỡ lỗi.

Vui lòng trợ giúp.