Получение селектора «приложение» не соответствует никаким элементам

Я подрезал это до самых простых данных, и я сбив с толку относительно того, что происходит. Я получаю селектор не найдена ошибка в угловом 2. Попытка выяснить, в чем проблема, она работала час назад, теперь я добавил запятую или пробел или сделал что-то, чтобы сломать ее, и я не могу понять что я изменил! ArrrgПолучение селектора «приложение» не соответствует никаким элементам

Любая помощь приветствуется! Благодаря!

boot.ts

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from './app.component'; 

bootstrap(AppComponent);

app.component.ts

import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'app', 
    template: ` 
     <h1>component works!</h1> 
    ` 
}) 
export class AppComponent { 

}

index.html

<!doctype> 
<html> 
<head> 
<base href="/"> 
<title>Angular 2 Boilerplate</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- Load libraries --> 
<!-- IE required polyfills, in this exact order --> 
<script src="node_modules/es6-shim/es6-shim.min.js"></script> 
<script src="node_modules/systemjs/dist/system-polyfills.js"></script> 
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js">    </script> 
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
<script src="node_modules/systemjs/dist/system.src.js"></script> 
<script src="node_modules/rxjs/bundles/Rx.js"></script> 
<script src="node_modules/angular2/bundles/angular2.js"></script> 
<script src="node_modules/angular2/bundles/router.dev.js"></script> 
<script src="node_modules/angular2/bundles/http.js"></script> 


<link rel="stylesheet" href="src/css/app.css"> 
</head> 
<body> 
<my-app>Loading...</my-app> 

<script> 
System.config({ 
    packages: { 
     app: { 
      format: 'register', 
      defaultExtension: 'js' 
     } 
    } 
}); 
System.import('app/boot') 
     .then(null, console.error.bind(console)); 
</script> 
</body> 
</html>

источник

2016-06-18 JKK

орехи, понял, что я не вставить app.component.ts правильно, редактирование Теперь – JKK

Затем удалите ваш вопрос. – Rob

ой нет,

Я изменил имя селектора .. duuuh

в html Мне нужно изменить <my-app></my-app> только <app></app> или наоборот. После того как я изменил имя селектора в файле компонентов ts, он сработал.

мкг ..

источник

2016-06-18 14:18:44 JKK

В вашем HTML файл, вам необходимо изменить <my-app> к <app>

.... 
</head> 
<body> 
<app>Loading...</app> <!-- this should match your root component selector --> 

<script> 
....

источник

2016-06-18 14:24:24

Получение селектора «приложение» не соответствует никаким элементам

ответ

Смежные вопросы