Angular CLI路由

Question

执行命令时：

ng generate route someName

我遇到这样的错误：

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

提供的链接并没有帮助。

- bensiu

---

你正在使用哪个版本的Angular2？还能展示一下 ng version 命令的输出吗？ - pd farhad

angular-cli：1.0.0-beta.9；node: 5.2.0；os: darwin x64 - bensiu

从风格指南中的奖励提示：请以“-routing.module.ts”结尾命名一个 RoutingModule 的文件名。 - Leo

Answer 1

使用：

ng g m route --routing

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

- Deepak swain

Answer 2

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

--flat参数将文件放在src/app目录中，而不是单独的文件夹中。

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

在此处查看详细信息。

- Rakeshk Khanapure

Answer 3

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

以下是我使用的方法。

• 使用angular-cli创建种子项目
• 使用ng g component生成新组件

• 然后按照此教程手动向这些组件添加路由

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

- Aswin S

Answer 4

你可以像这样使用：

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

- AissaDevLab

Answer 5

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与新的带路由的模块合并

(这避免了为路由创建单独的文件夹)

- Leo

Answer 6

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

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

祝好！

Carlos Rojas

- Carlos Rojas