Angular CLI 路由答案

【问题标题】：Angular CLI routeAngular CLI 路由
【发布时间】：2016-11-15 06:08:56
【问题描述】：

执行命令时：

ng generate route someName

我收到这样的错误：

无法启动守望者；回退到文件系统的 NodeWatcher 事件。访问http://ember-cli.com/user-guide/#watchman 了解更多信息。由于路由器的变化，路由生成已经暂时禁用。您可以在此处找到有关新路由器的更多信息： http://victorsavkin.com/post/145672529346/angular-router

提供的链接没有帮助

【问题讨论】：

你使用的是什么 angular2 版本，你能告诉我ng version的输出吗
角-cli：1.0.0-beta.9；节点：5.2.0；操作系统：达尔文 x64
来自style guide 的奖励：请以-routing.module.ts 结束 RoutingModule 的文件名

标签： routes angular-cli

【解决方案1】：

就像错误所说的那样，在 angular-cli 中暂时禁用了路由生成。旧路由器被弃用的原因。 Angular2 rc4 使用新路由器，任何基于 Angular 2 的新项目都应该使用新路由器。因此，在 Angular cli 更新以支持新的路由器指令之前，我们必须手动创建路由器文件并导入所需的依赖项。

这对我有用。

使用 angular-cli 创建种子项目
使用 ng g 组件生成新组件
然后使用本教程手动将路由器添加到这些组件

https://angular.io/docs/ts/latest/guide/router.html

【讨论】：

【解决方案2】：

您可以使用选项--routing并更新路由文件。

https://github.com/angular/angular-cli/wiki/stories-routing

干杯，

卡洛斯·罗哈斯

【讨论】：

【解决方案3】：

使用：

ng g m route --routing

g-> 生成
m-> 模块
route-> 你的路由模块名称（你可以使用任何名称）。

【讨论】：

【解决方案4】：

Angular 4 CLI 方法，给定文件夹 app：

备份app/app.module.ts
ng g m ../app --routing，然后y 覆盖
现在我们有app/app.module.ts 和app/app-routing.module.ts
将旧的app/app.module.ts 与新的app/app.module.ts 与路由器合并

（这样可以避免为路由器创建单独的文件夹）

【讨论】：

【解决方案5】：

ng generate module app-routing --flat --module=app

--flat 将文件放在 src/app 而不是它自己的文件夹中。

--module=app 告诉 CLI 将其注册到 AppModule 的 imports 数组中

Check the details here

【讨论】：

【解决方案6】：

你可以这样使用：

   ng generate module pages/home --route home --module=app

【讨论】：