node.js - 在 VS 2017 Angular 模板中使用 Angular cli 创建组件

Question

我在我的系统中安装了以下软件

• VS 2017- 版本 15.3.3
• Node 版本 - 6.11.3
• Angular cli 版本 - 1.4.1

我想在 VS 2017 中使用 Angular 模板内的 Angular cli 创建组件

下面是我正在做的但是没有达到结果的步骤

• 第 1 步)在 VS2017 中使用 Angular 模板创建项目
• 第 2 步)打开 Cmd - 在解决方案之外为 .angular-cli.json 文件创建一个虚拟 ng 项目
• 第 3 步)将 Pasting .angular-cli.json 文件复制到我的以下文件夹结构下的解决方案[M:\VS2017 项目\Trail109\Trail109]
• 第 4 步)从“root”:“Src”更改为“root”:“ClientApp”
• 第 5 步)然后在 cmd 中使用 cd 命令进入解决方案
• 第 6 步)并使用给定命令 npm install @angular/cli@latest --save-dev 为我的解决方案安装 angular/cli[M:\VS2017 Projects\Trail109\Trail109>npm install @angular/cli@latest --save-dev]
• 第 7 步)之后，在 cmd 中使用 cd 命令转到 ClientApp 中的组件文件夹

• 第 8 步)并使用给定的命令 ng g component myformname[M:\VS2017 Projects\Trail109\Trail109\ClientApp\app\components>ng g component myformname]但是上面的行给了我以下给定的错误

  错误:路径“ClientApp/”无效。路径“ClientApp/”无效。

请帮助我缺少什么....

Answer 1

VS 2017 Angular 模板默认启用预渲染。如果您还没有禁用它，请在将 root 更改为 Client app 后确保

• 修改.angular.cli:修改如下

  "root": "客户端",

  "outDir": "ClientApp/dist",

• 修改ClientApp文件夹如下

重命名 app.module.client.ts 为 app.client.module.ts打开 app.client.module.ts:在声明前加上 3 个点“...”并将声明括在方括号中。

例如:[...sharedConfig.declarations, ]

打开 boot-client.ts:更新导入以使用新的 app.client.module 引用。例如:从 './app/app.client.module' 导入 { AppModule };