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>