Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 2 CLI路由不显示HTML内容_Angular_Angular2 Cli - Fatal编程技术网

Angular 2 CLI路由不显示HTML内容

Angular 2 CLI路由不显示HTML内容,angular,angular2-cli,Angular,Angular2 Cli,我用Angular2 CLI创建了一个新项目,还添加了一个名为item的路由。现在我尝试通过调用url来访问html页面 但它只显示标准:应用程序正在工作!文本,而不是项目页面的内容。我也试过了 同样的结果 除了item.component.html之外,我没有更改任何代码 知道我做错了什么吗?我是否应该在alpha中使用CLI 谢谢使用CLI有点问题,尤其是与新路由器一起使用,因为它都是积极开发的atm CLI(atm)无法正确处理自动路由创建。目前,我使用一种变通方法: 更新package.

我用Angular2 CLI创建了一个新项目,还添加了一个名为item的路由。现在我尝试通过调用url来访问html页面

但它只显示标准:应用程序正在工作!文本,而不是项目页面的内容。我也试过了 同样的结果

除了item.component.html之外,我没有更改任何代码

知道我做错了什么吗?我是否应该在alpha中使用CLI


谢谢

使用CLI有点问题,尤其是与新路由器一起使用,因为它都是积极开发的atm

CLI(atm)无法正确处理自动路由创建。目前,我使用一种变通方法:

更新package.json以使用路由器版本

“@angular/router”:“3.0.0-alpha.3”

将路由器\u指令导入到parent.component.ts,如

parent.component.ts

从'@angular/ROUTER'导入{ROUTER_指令}

其中parent.component.ts当然是最全球化的应用程序组件。不要忘记将路由器_指令插入parent.component.ts中的指令数组,以便

<router-outlet></router-outlet>

我知道这有点难看,但对我来说很有效,我找不到使用本机路由功能的方法,但随着angular2和CLI的进一步改进,这可能(希望)会发生变化。

如果您能向我们展示代码或plunkr,我们将能够为您的输入提供帮助,我试图按照angular2快速入门指南手工建立一个项目。我还试图添加新的路由器,但当我运行npm start:node_modules/@angular/router/utils/tree.d.ts(7,27):错误TS1110:Type expected.@jonajürgen当他们发布angular的RC2时,我需要深入研究这些东西,然后才能提供相关信息。如果该解决方案对您有帮助/起作用,我希望您能接受我的回答,以便其他人也能使用它。我将很快尝试angular 2的最新变化,并在得到它们后尽快提供更多信息。
//other imports
import {provideRouter, RouterConfig} from '@angular/router'; 
import {HomeComponent} from './app/+home/home.component';
import {LoginComponent} from './app/+login/login.component';

bootstrap(parent.component.ts, provideRouter([
    {path: '/home', component: HomeComponent},
    {path: '/login', component: LoginComponent},
])`