Question

链接到没有模块的完整项目：https://www.dropbox.com/s/eaesfz4wvixusn5/EbayClone.zip?dl=0

我试图添加一个名为＆＃34; LogInPage＆＃34;的网页。仅用于测试目的。运行npm start之后，我收到此错误，基本上说我应该添加＆＃34; LogInPage＆＃34;文件到nodes_modules文件夹。在我这样做之后，我得到另一个错误，说错过＆＃34; async＆＃34;。我不确定我的路由是否正确，因为我已尝试导入＆＃34;登录组件＆＃34;但它说它在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>

Answer 1

我认为您忘记在主HTML文件中包含“router.dev.js”文件：

<script src="node_modules/angular2/bundles/router.dev.js"></script>

Angular2路由错误/缺少组件

1 个答案: