在VS 2017角度模板中使用Angular cli创建组件

Question

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

• VS 2017-版本15.3.3
• 节点版本 - 6.11.3
• Angular cli Version - 1.4.1

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

以下是我正在做的步骤，但未能达到结果

• 步骤1）在VS2017中创建一个带有角度模板的项目
• 步骤2）打开Cmd - 在解决方案之外为.angular-cli.json文件创建一个虚拟ng项目
• 步骤3）将粘贴.angular-cli.json文件复制到我的解决方案下面的文件夹结构 [M：\ VS2017 Projects \ Trail109 \ Trail109]
• 步骤4）改变＆＃34; root＆＃34;：＆＃34; Src＆＃34; to＆＃34; root＆＃34;：＆＃34; ClientApp＆＃34;
• 步骤5）然后使用cmd
中的cd命令进入解决方案
• 步骤6）并使用给定命令npm install @ angular / cli @ latest --save-dev为我的解决方案安装angular / cli [M：\ VS2017 Projects \ Trail109 \ Trail109＆gt; npm install @ angular / cli @ latest --save-dev]
• 步骤7）之后使用cmd
中的cd命令转到ClientApp内的组件文件夹

• 步骤8）并使用给定的命令ng g组件myformname [M：\ VS2017 Projects \ Trail109 \ Trail109 \ ClientApp \ app \ components＆gt; ng g component myformname] 但上面的行给出了我给出的错误

  错误：路径＆＃34; ClientApp /＆＃34;是无效的。 路径＆＃34; ClientApp /＆＃34;无效。

请帮助我错过了什么......

Answer 1

VS 2017角度模板默认启用预渲染。如果您尚未将其停用，请确保在将root更改为客户端应用后

• 修改.angular.cli：更改如下

  ＆＃34; root＆＃34;：＆＃34; ClientApp＆＃34;，

  ＆＃34; outDir＆＃34;：＆＃34; ClientApp / dist＆＃34;，

• 按如下方式修改ClientApp文件夹

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

例如：[... sharedConfig.declarations，]

打开boot-client.ts：更新导入以使用新的app.client.module引用。 例如：从＆＃39; ./ app / app.client.module＆＃39;;

导入{AppModule}

Answer 2

1. 在记事本中打开您的项目文件。
2. 找到用 SpaRoot
标明的标签名称
3. 然后在此处替换您的角度项目文件夹名称。