angular - 在 Angular 2 中没有导出成员 'ROUTER_DIRECTIVES' 和 'provideRouter'

标签 angular angular-ui-router

我创建了一个新项目 Angular -cli:1.0.0-beta.17 节点:4.1.0 npm: 3.10.8

Package.json:

"dependencies": {
    "@angular/common": "~2.0.0",
    "@angular/compiler": "~2.0.0",
    "@angular/core": "~2.0.0",
    "@angular/forms": "~2.0.0",
    "@angular/http": "~2.0.0",
    "@angular/platform-browser": "~2.0.0",
    "@angular/platform-browser-dynamic": "~2.0.0",
    "@angular/router": "~3.0.0",
    "core-js": "^2.4.1",
    "rxjs": "5.0.0-beta.12",
    "ts-helpers": "^1.1.1",
    "zone.js": "^0.6.23"
  },
  "devDependencies": {
    "@types/jasmine": "^2.2.30",
    "@types/node": "^6.0.42",
    "angular-cli": "1.0.0-beta.17",
    "codelyzer": "~0.0.26",
    "jasmine-core": "2.4.1",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "1.2.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-remap-istanbul": "^0.2.1",
    "protractor": "4.0.9",
    "ts-node": "1.2.1",
    "tslint": "3.13.0",
    "typescript": "2.0.2"
  }

我在src/app下新建了一个router文件,代码为:

import { DirectoryComponent } from "./directory/directory.component";
import { HomeComponent } from "./home/home.component";
import { provideRouter } from '@angular/router';

const APP_ROUTES = [
    {path: 'directory', component: DirectoryComponent},
    {path: '', component: HomeComponent}
];

export const APP_ROUTES_PROVIDER = [
    provideRouter(APP_ROUTES)
];

我的 main.ts 文件是:

import './polyfills.ts';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/';
import { APP_ROUTES_PROVIDER } from "./app/app.route";

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule,[APP_ROUTES_PROVIDER]);

运行代码时出现错误:

ERROR in [default] /home/newAngularTwo/src/app/app.component.ts:3:9 
Module '"/home/sasireka/newAngularTwo/node_modules/@angular/core/index"' has no exported member 'ROUTER_DIRECTIVES'.

ERROR in [default] /home/newAngularTwo/src/app/app.route.ts:3:9 
Module '"/home/sasireka/newAngularTwo/node_modules/@angular/router/index"' has no exported member 'provideRouter'.

我犯了什么错误?提前致谢。

最佳答案

Angular 2 现已发布。版本是'2.0.0'。在 Release Version 中没有 provideRouterROUTER_DIRECTIVES。对于 Angular 2 Release 中的路由,请参阅 Routing and Navigation

关于angular - 在 Angular 2 中没有导出成员 'ROUTER_DIRECTIVES' 和 'provideRouter',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40108334/

相关文章:

angular - 无法添加属性 _$visited,对象不可使用 primeNG、angular 2 和 @ngrx 扩展

angularjs - 传单 map 的大小不适合目标元素的尺寸

Angular 8 : Function expressions are not supported in decorators

angular - 在 Angular 中动态配置 Firebase 环境

angular - 如何在 mat-select 中使用变化事件流?

AngularJS重新初始化 Controller

javascript - AngularJS 和 UI 路由器 : 'Error: transition superseded' during angularjs unit tests

javascript - 如何使用 AngularJs ui-router 添加可选的 $stateParams?

angularjs - 带有 ControllerAs 绑定(bind)的 ui-router

Angular 5 延迟加载不显示某些模块