3
鏈接到整個項目無模塊:https://www.dropbox.com/s/eaesfz4wvixusn5/EbayClone.zip?dl=0Angular2路由錯誤/遺漏的部件
我想添加一個名爲「LogInPage」只是爲了測試目的的網頁。 運行npm start後,我得到這個錯誤,基本上說我應該添加一個「LogInPage」文件到nodes_modules文件夾。我這樣做後,我得到另一個錯誤,說缺少「異步」。我不知道我的路由是否正確,因爲我已經嘗試導入「登錄組件」,但它說它缺少nodes_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>