如何在Github上的.NET Core项目中部署Angular应用

问题描述

使用ASP.NET Core 5 + Angular模板创建了一个项目。工作室在创建此类项目时自动生成的ClientApp文件夹已删除。我通过CLI在Visual Code中单独创建了一个Angular-10项目,并将其而不是ClientApp文件夹插入到该项目中。一切正常,建设良好,一切顺利。这就是项目的样子(暂时忽略Angular应用程序文件夹前面的锁和加号)。

解决方案视图:

1

现在,我想在GitHub上创建一个私有存储库并上传项目。 (Visual Studio 2019预览版) 我通过Visual Studio打开一个窗口,在其中指定我的用户名和密码,在私有框内打勾,然后单击“推送到GitHub”。

连接到GitHub窗口:

2

结果,我在每个项目的前面看到了锁,并且在Angular应用程序文件夹的前面看到了一个+号。

通常,它已经有一个“ +”号,这意味着我添加了它,至少我认为它应该出现在更改中,但是在更改团队资源管理器中没有任何更改。然后,我尝试在Angular应用程序中进行更改(我在.scss文件中创建了一个类),并且在Change Team Ex中出现了一项更改。这就是它的样子。

子模块:

3

结果,我无法提交它并实际上对其进行了处理。如何在我的私有存储库中完全组织一个项目,其中包括angular文件夹,据我了解,该文件夹是免费提供给一个帐户的?

解决方法

从ClientApp存储库中删除.git文件夹和gitignore文件。然后,您应该在Visual Studio的“团队资源管理器”窗口中看到更改下的文件夹。我认为VS感到“困惑”,因为该项目包含两个git repos-一个用于整个项目,然后一个在Angular Clientapp目录中。我只是遇到了同样的问题,这对我有用,所以希望对您有所帮助!