在VS 2017 Angular Template中使用Angular cli创build组件

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

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

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

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

  • 步骤1)在VS2017中使用Angular Template创build一个项目
  • 步骤2)打开Cmd – 在解决scheme之外为.angular-cli.json文件创build一个虚拟ng项目
  • 步骤3)复制粘贴.angular-cli.json文件到我的解决scheme下面的文件夹结构[M:\ VS2017 Projects \ Trail109 \ Trail109]
  • 步骤4)从“root”:“Src”更改为“root”:“ClientApp”
  • 步骤5)然后在cmd中使用cd命令进入解决scheme
  • 第6步),并使用给定的命令安装我的解决scheme的angular/ cli npm install @ angular / cli @ latest –save-dev [M:\ VS2017 Projects \ Trail109 \ Trail109> npm install @ angular / cli @ latest –save-开发]
  • 步骤7)之后,使用cmd中的cd命令进入ClientApp中的组件文件夹
  • 步骤8),并使用给定的命令组件myformname [M:\ VS2017 Projects \ Trail109 \ Trail109 \ ClientApp \ app \ components> ng g component myformname],但上面的代码给出了给定的错误

    错误:path“ClientApp /”无效。 path“ClientApp /”无效。

请帮助那是什么我失踪….

VS 2017angular模板默认已启用预渲染。 如果你还没有禁用,请确保将根目录更改为客户端应用程序

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

    “root”:“ClientApp”,

    “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};

这里是与VS 2017 Angular Template的Angular CLI的答案

https://www.codeproject.com/Tips/1208529/Angular-CLI-and-ASP-NET-Core-Angular-Template

Interesting Posts