?如何向Angular2项目添加新的路由器依赖项

Question

我关注了入门应用程序："5分钟后学习"https://angular.io/.我想开始尝试使用"新"路由器，但当我做一个：

import {...} from 'angular2/router';

我得到一个：

 error TS2307: Cannot find external module 'angular2/router'.

我可以以类似于angular2安装方式的方式添加此依赖项吗。即类似于：

tsd query angular2 --action install

Answer 1

tsd install将只添加TypeScript使用的类型定义文件。

我不相信5分钟的演示是为使用路由器设置的。如果您需要快速修复，请添加一个链接到路由器代码<script src="https://code.angularjs.org/2.0.0-alpha.28/router.dev.js"></script>，并使用匹配的版本号。

也许一个更好的选择是使用许多有角度的2个样板中的一个。接近设置学习曲线没有多大意义，因为在Angular离开alpha后，它将大大简化。

Answer 2

您会收到此错误，因为在tsd.d.ts文件中没有定义angular2/路由器模块。你可以通过这些方法摆脱这个错误。

1命令，用于在tsd.d.ts文件中安装打字员并添加为引用。

tsd install angular2/router --save

2. 或者你可以添加链接到路由器代码

   <script src="https://code.angularjs.org/2.0.0-alpha.37/router.dev.js"></script>

我希望通过遵循这一点，你可以解决你的问题。

Answer 3

您需要角度路由器定义。我使用ng2.d.ts解决了这个问题来自angular2 webpack启动器

Answer 4

从Angular 2.0 alpha 30开始，使用路由器更容易以下是如何使用它的示例：http://www.syntaxsuccess.com/viewarticle/routing-in-angular-2.0

Answer 5

路由器包含在其自己的独立包中

tsd install angular2/router --save

导入使用：

import { 
    ROUTER_DIRECTIVES,
    ROUTER_PROVIDERS,
    RouteConfig,
} from 'angular2/router';

ROUTER_DIRECTIVES将添加到您的@View.directives属性中。它包括RouterLink和RouterOutlet类。

RouteConfig是向组件添加@RouteConfig装饰器所必需的。

ROUTER_PROVIDERS是引导路由器所必需的。它包括RouteConfig（即您定义的路由），并将PathLocationStrategy设置为默认的LocationStrategy。

Ex。

bootstrap(App, [
    ROUTER_PROVIDERS,
]);