在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