कोणीय 2 चयनकर्ता बंडल और ईसीएम 6

के साथ किसी भी तत्व से मेल नहीं खाता है। मेरे पास गुलप, बंडल और ईसीएम 6 के साथ काम करने के लिए कॉन्फ़िगर किया गया एक बहुत ही सरल कोणीय 2 प्रोजेक्ट है। बंडल एक बड़ी फाइल तैयार करेगा जिसमें कोणीय प्लस मेरे ऐप का अनुवादित ईसीएम 5 होगा।कोणीय 2 चयनकर्ता बंडल और ईसीएम 6

<!DOCTYPE html> 
<html> 
<head> 
    <title>Angular 2 Test</title> 
    <script src="bundle.js"></script> 
</head> 

<body> 
<mainapp> 

</mainapp> 
</body> 
</html>

कोणीय एप्लिकेशन इस प्रकार परिभाषित किया गया है:

import {Component, View, bootstrap} from 'angular2/core'; 

export class mainComponent { 
    static get annotations() { 
     return [ 
      new Component({ 
       selector: 'mainapp' 
      }), 
      new View({ 
       template: `<div>Hello!</div>` 
      }) 
     ]; 
    } 
} 

bootstrap(mainComponent);

लेकिन जब मैं इसे लोड, मैं एक त्रुटि है कि मैं bundle.js सहित था

"selector 'mainapp' did not match any element"

स्रोत

2016-01-12 Senior Simone Zandara

समस्या थी हो रही पर रखने mainapp घटक HTML से पहले परिभाषित किया गया था। इस मुद्दे को ठीक किया गया।

<!DOCTYPE html> 
<html> 
<head> 
    <title>Angular 2 Test</title> 

</head> 

<body> 
<mainapp> 

</mainapp> 
<script src="bundle.js"></script> 
</body> 
</html>

अद्यतन:

<script src="bundle.js" defer></script>

भी तत्वों का क्रम की परवाह किए बिना समस्या को हल करने लगता है।

स्रोत

2016-01-12 11:10:57

स्क्रिप्ट में जोड़े गए 'defer' विशेषता से भी मदद मिलेगी। –

'defer' attr समस्या हल हो गई! –

@AlexOkrushko +1 – wootscootinboogie

कोणीय 2 चयनकर्ता बंडल और ईसीएम 6

उत्तर

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