如何安装和导入 angular 2 '@angular/router'？

Posted 2023-03-10

【中文标题】如何安装和导入 angular 2 \'@angular/router\'？

【英文标题】：How to install and import angular 2 '@angular/router'?如何安装和导入 angular 2 '@angular/router'？

【发布时间】：2016-10-31 01:34:26

【问题描述】：

我正在尝试使用documentation 中的@angular/router。我尝试使用 npm 安装此模块：npm install @angular/router --save 我试图导入这个模块：

import  ROUTER_DIRECTIVES  from '@angular/router';

我收到一个错误“找不到模块'@angular/router'” 我查看了 node_modules/@angular/router 目录。它有 2 个目录：angular1 和 angular2。我应该使用以下方式导入此模块：

import  ROUTER_DIRECTIVES  from '@angular/router/angular2/router.js';

或者这是不正确的模块？ angular2目录下只有3个文件：router.js、router.dev.js、router.min.js

【问题讨论】：

您能验证一下它试图拉取哪个版本的路由器吗？在 package.json 文件中查看它正在拉哪个版本的路由器，最新的应该是 3.0.0-alpha.8

【参考方案1】：

https://angular.io/resources/live-examples/quickstart/ts/plnkr.html

您需要将其添加到您的配置中

var routerVer = '@3.0.0-alpha.8'; // lock router version

var  map = 
  'app':                        'app',

  ...
  '@angular/router':            'https://npmcdn.com/@angular/router' + routerVer,
  ...
;