Ссылка на полный проект без модулей: https://www.dropbox.com/s/eaesfz4wvixusn5/EbayClone.zip?dl=0Angular2 маршрутизация ошибка/отсутствует компонент
Я пытаюсь добавить веб-страницу, которая называется «LoginPage» только для целей тестирования. После запуска npm start, я получаю эту ошибку, которая в основном говорит, что я должен добавить файл «LogInPage» в папку nodes_modules. После этого я получаю еще одну ошибку, в которой говорится о отсутствующем «асинхронном». Я не уверен, что моя маршрутизация верна, потому что я попытался импортировать «компонент входа», но он говорит, что он отсутствует в node_modules.
Скриншот ошибки при попытке загрузить веб-страницу: enter image description here
App.component.ts код
import {Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {LogInComponent} from 'angular2/LogInPage';
@Component({
selector: 'LogInPageSelector',
template: `
<h1>{{title}}</h1>
<nav>
<a [routerLink]="['LogIn']">Log in</a>
</nav>
<router-outlet></router-outlet>
`,
styleUrls: ['app/app.component.css'],
directives: [ROUTER_DIRECTIVES],
})
@RouteConfig([
{path: '/LogIn', name: 'LogIn', component: Component, useAsDefault: true},
])
export class AppComponent {
title = 'Ebay clone';
}
Код для LogInPage.component.ts
import {Component} from 'angular2/core';
import {Router} from 'angular2/router';
@Component({
selector: 'LogInPageSelector',
templateUrl: 'app/loginpage.component.html',
styleUrls: ['app/loginpage.component.css']
})
export class LogInComponent {
constructor(private LogInService: LogInComponent, private _router: Router) { }
}
loginpage.component. html код:
<html>
<h1>Hello</h1>
</html>