Angular 2 not loading 테스트 구성 요소

내 app.component가 Angular 2로 작동하지만 테스트가 제대로 작동하지 않는 것 같습니다. 내 HTML에서 "Loading ..."메시지를 지나치지 않습니다. 누군가 내 코드를 검토하고 내가 잘못 갔는지 확인할 수 있습니까? 나는 내가 완벽하게보고있는 코스를 따라 갔다고 생각했지만 아무것도 나타나지 않는 것 같습니다.Angular 2 not loading 테스트 구성 요소

app.component.ts :

import {Component} from '@angular/core'; 
import {MyComponent} from './my-component.component'; 

@Component({ 
    selector: 'my-app', 
    template: ` 

    <h1>My First Angular 2 App</h1><my-component> 
    </my-component>`, 

directives: [MyComponent] 
}) 
export class AppComponent { }

내-component.ts :

import {Component} from '@angular/core'; 

@Component ({ 
selector: 'my-component', 
template: `<h2>Hello World</h2>` 

}) 

export class MyComponent { 
}

index.html을 :

<html> 
<head> 
<title>Angular 2 QuickStart</title> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="styles.css"> 

<!-- Polyfill(s) for older browsers --> 
<script src="node_modules/core-js/client/shim.min.js"></script> 

<script src="node_modules/zone.js/dist/zone.js"></script> 
<script src="node_modules/reflect-metadata/Reflect.js"></script> 
<script src="node_modules/systemjs/dist/system.src.js"></script> 

<script src="systemjs.config.js"></script> 
<script> 
    System.import('app').catch(function(err){ console.error(err); }); 
</script> 
    </head> 

    <body> 
<my-app>Loading...</my-app>

출처

2016-06-18 MoSheikh

콘솔에 표시되는 내용은 무엇입니까? './my-component.component ';' 을 찾을 수 없습니까? –

@JS_astronauts 맞습니다. "app/app.component.ts (2,27) : 오류 TS2307 : './my-component.component'모듈을 찾을 수 없습니다." – MoSheikh

경로를 확인하십시오. 두 구성 요소 파일이 같은 디렉토리에 있습니까? –

// 코드 괜찮아 보이네.하지만 파일의 이름은

이

// 그런 다음 응용 프로그램 구성 요소에서 당신이 그것을

import {MyComponent} from './my-component';

를 가져와야합니다 : 그것의 내-component.ts의 이름은 경우

이

// 지금에 내 관점에서 하나 문제가 될 것 같다

// 당신이했던 그

import {MyComponent} from './my-component**.component**';

// .compomnent이 필요하지 않습니다 동안 주석을 가져 각도 핸들을

// 가져 오기에 대한 자세한 내용 Click Here

출처

2016-06-18 05:39:19 mayur

확장 프로그램을 제거해 주셔서 감사합니다. 문제가 해결되었습니다. – MoSheikh

Angular 2 not loading 테스트 구성 요소

답변

관련 문제