कोणीय 2 एप्लिकेशन लोड नहीं होता है लेकिन मुझे कोई त्रुटि नहीं मिली

जब मैं अपना टाइपस्क्रिप्ट कोणीय 2 परीक्षण ऐप लोड करता हूं तो यह अपेक्षा के अनुसार लोड नहीं होता है।कोणीय 2 एप्लिकेशन लोड नहीं होता है लेकिन मुझे कोई त्रुटि नहीं मिली

मुझे हमेशा "लोड हो रहा है ..." इंडेक्स HTML फ़ाइल में my-app से क्या है।

मैं भी bowser कंसोल में कोई त्रुटि मिलती है:/

कोई भी त्रुटि देख रहा है?

सूचकांक

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

    <title>test</title> 
    <script src="~/lib/es6-shim.js"></script> 
    <script src="~/lib/es6-promise.js"></script> 
    <script src="~/lib/system-polyfills.js"></script> 
    <script src="~/lib/angular2-polyfills.js"></script> 
    <script src="~/lib/system.js"></script> 
    <script src="~/lib/Rx.js"></script> 
    <script src="~/lib/angular2.js"></script> 
    <script src="~/lib/http.dev.js"></script> 
    <script src="~/lib/router.dev.js"></script> 
    <script> 
      System.config({ 
       packages: { 
        app: { 
         format: 'register', 
         defaultExtension: 'js' 
        } 
       } 
      }); 
      System.import('app/main') 
        .then(null, console.error.bind(console)); 
    </script> 
</head> 
<body> 
    <my-app>Loading...</my-app> 
</body> 
</html>

main.ts

///<reference path="../node_modules/angular2/typings/browser.d.ts"/> 

import {provide} from 'angular2/core'; 
import {bootstrap, ELEMENT_PROBE_PROVIDERS} from 'angular2/platform/browser'; 
import {HTTP_PROVIDERS} from 'angular2/http'; 
import {AppComponent} from './app.component' 

bootstrap(AppComponent).catch(err => console.error(err));

app.component.ts

import {Component} from 'angular2/core'; 
@Component({ 
    selector: 'my-app', 
    // providers: [...FORM_PROVIDERS], 
    // directives: [...ROUTER_DIRECTIVES, RouterActive], 
    pipes: [], 
    styles: [], 
    template: ` 
     <h1>Hello {{ name }}</h1>  
    ` 
}) 
export class AppComponent { 
    angularclassLogo = 'assets/img/angularclass-avatar.png'; 
    name = 'Angular 2 Webpack Starter'; 
    url = 'https://twitter.com/AngularClass'; 
    constructor() { 

    } 
}

स्रोत

2016-02-27 Elisabeth

कोड मुझे ठीक दिखता है। मैंने इसे अपने सेटअप पर भी कोशिश की, यह बीटा 7 पर ठीक काम कर रहा है। क्या आपकी .ts फाइलें .js पर संकलित हो जाती हैं?, आप bootstr (..) से पहले एक कंसोल.लॉग डाल सकते हैं main.ts – Abdulrahman

में आपका कोड perfact लगता है। @Abdulrahman के समान ही आप मेरे सिस्टम पर कोड ठीक काम कर रहे हैं। फ़ाइल को ठीक से लोड करने के लिए फिर से अपने कंसोल की जांच करें? –

मैंने कंसोल पर देखा था। कुछ भी नहीं है ... – Elisabeth

महान आंग अध्ययन कर प्रयास करें ular2 Plunker https://angular.io/resources/live-examples/quickstart/ts/plnkr.html (टाइपप्रति)

आप टाइपप्रति उपयोग कर रहे हैं, लेकिन यह एचटीएमएल में शामिल है और ठीक से systemjs में विन्यस्त नहीं है:

// Missing typescript transpiler 
<script src="https://code.angularjs.org/tools/typescript.js"></script> 

<script> 
System.config({ 
    transpiler: 'typescript',       // <-- missing! 
    typescriptOptions: { emitDecoratorMetadata: true }, 
    packages: {'app': {defaultExtension: 'ts'}} // <-- you have bad extension 
}); 
System.import('app/main')    // <-- main.ts should be inside 'app' folder! 
     .then(null, console.error.bind(console)); 
... 
</script>

इसके अलावा, मुझे नहीं लगता यह टिल्ड उपयोग करने के लिए ठीक है स्क्रिप्ट के src विशेषता में ~ वर्ण।

अद्यतन

आप पहले से ही अपने .ts कोड .js में transpiled है, तो सुनिश्चित करें कि आप इसे प्रयोगात्मक सज्जाकार साथ संकलित कृपया सक्षम - अपने tsconfig.json इस के समान होना चाहिए:

{ 
    "compilerOptions": { 
    "target": "ES5", 
    "experimentalDecorators": true 
    } 
}

स्रोत

2016-02-27 11:25:16 mseimys

मुझे अपनी index.html फ़ाइल में टाइपस्क्रिप्ट क्यों शामिल करनी चाहिए? मैं .ts फ़ाइलों को ट्रांसफर करता हूं।जेएस फाइलें और उन .js फ़ाइलों को SystemJS द्वारा शामिल किया गया है! Tilde की अनुमति है क्योंकि मैं एक asp.net .cshtml फ़ाइल का उपयोग करता हूं। – Elisabeth

यह आपके शुरुआती पोस्ट में मिस्त्री का महत्वपूर्ण हिस्सा है। एक और अनुमान के साथ मेरा जवाब अपडेट किया गया। – mseimys

मेरे पास यह भी है और मुझे एक पारदर्शी अपवाद मिलेगा (जो मुझे पहले से मिला है ;-))। लेकिन मुझे त्रुटि मिली। मैंने अपने पारदर्शी लक्ष्य फ़ोल्डर को मंजूरी दे दी और सब कुछ फिर से तैयार किया, फिर यह फिर से काम किया? अजीब ... – Elisabeth

मुझे अपने टेम्पलेट में कोई समस्या थी। मैंने ऐप से मोबक्स और एनजी 2-मोबक्स हटा दिया, लेकिन टेम्पलेट से *mobxAutorun को निकालना भूल गया। निर्देश को हटाने से यह काम करता है।

(स्पष्ट रूप से कोणीय टेम्पलेट में होने पर कोई त्रुटि नहीं दिखाता है। यह वास्तव में एक विशेषता हो सकती है, ताकि यदि आपके पास कोई एनजीआईएफ विफल हो, तो यह केवल तभी होगा जब त्रुटि दिखाई देने के बजाय झूठी हो। पता नहीं है कि इस व्यवहार को बदलना संभव है या नहीं।)

स्रोत

2017-01-27 15:59:13

कोणीय 2 एप्लिकेशन लोड नहीं होता है लेकिन मुझे कोई त्रुटि नहीं मिली

उत्तर

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