9

मेरे पास एक ऐप है जो 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" 
+0

यह सुनिश्चित नहीं है कि आपको त्रुटि क्यों मिल रही है लेकिन केवल ध्यान दें कि आप किसी ऑब्जेक्ट की बजाय अपने मार्ग सेट अप करने के लिए जेएसएक्स तत्व का उपयोग कर सकते हैं जो अप्रत्याशित रूप से बड़ा हो जाता है। –

+0

हाँ, मैं राउटर के लिए जेएसएक्स तत्व से अवगत हूं, मुझे ऑब्जेक्ट नोटेशन क्लीनर मिल गया है और – nuway

उत्तर

2

मैंने ब्लॉग पोस्ट पर इस मुद्दे को पुन: पेश करने का प्रयास किया है और ऐसा लगता है कि कुछ गलत है। मैंने इसे ठीक करने का प्रयास किया है और मैं अब उस त्रुटि को देखने में सक्षम नहीं हूं।

आप इस commit का उल्लेख कर सकते हैं जिसमें वर्तमान मास्टर के खिलाफ परिवर्तन है और मैं गतिशील रूप से बाल मार्ग लोड करने में सक्षम हूं।

मुझे बताएं कि क्या आपको फिर से समस्याएं आती हैं। यह बहुत अच्छा होगा अगर आपके पास नमूना रेपो हो सकता है जो इस मुद्दे को पुन: उत्पन्न कर सकता है, तो मुझे डीबग करने में खुशी होगी।

सहायता करने में खुशी।

+0

पढ़ने में आसान लगता है, ऐसा लगता है कि यह हल हो रहा है। आपको क्या लगता है समस्या थी? – nuway

+0

तो मौजूदा कोड के साथ कुछ समस्याएं थीं। 1) निर्भरता को वेबपैक 2 2) HTML पूर्ण पथ के साथ अपडेट नहीं किया गया था। उन्हें हल करने और बाल मार्ग जोड़ने के बाद यह ठीक काम कर रहा है। यदि यह हल करता है तो यदि आप इस उत्तर को स्वीकार कर सकते हैं तो आपका मुद्दा बहुत अच्छा होगा। धन्यवाद। – Mihir

+0

यह पता चला कि यह असफल रहा क्योंकि मैंने सार्वजनिकपाथ को '/' होने के लिए निर्दिष्ट नहीं किया था। मुझे लगता है कि बाकी अच्छा था। धन्यवाद मिहिर – nuway

संबंधित मुद्दे