मेरे पास एक ऐप है जो http://moduscreate.com/code-splitting-for-react-router-with-es6-imports/ आलेख पर आधारित है। मैं कुछ बच्चों मार्गों को जोड़ दिया है और अब मेरी रूटर config इस तरह के रूप में है:वेबपैक 2 + प्रतिक्रिया - सिस्टम के साथ विभाजित कोड के दौरान नेस्टेड मार्ग।
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);
}
},
]
};
/सूचकांक/के बारे में और/gsgs मार्गों गतिशील कोड लोड हो रहा है ठीक ट्रिगर। लेकिन/gsgs/
bundle.js:2 Dynamic page loading failed Error: Loading chunk 0 failed.(…)
मैं गलत क्या कर रहा हूं? मैं
"webpack": "^2.1.0-beta.4", "webpack-dev-server": "^2.0.0-beta"
यह सुनिश्चित नहीं है कि आपको त्रुटि क्यों मिल रही है लेकिन केवल ध्यान दें कि आप किसी ऑब्जेक्ट की बजाय अपने मार्ग सेट अप करने के लिए जेएसएक्स तत्व का उपयोग कर सकते हैं जो अप्रत्याशित रूप से बड़ा हो जाता है। –
हाँ, मैं राउटर के लिए जेएसएक्स तत्व से अवगत हूं, मुझे ऑब्जेक्ट नोटेशन क्लीनर मिल गया है और – nuway