运行 ng build --configuration=production 后，dist 文件夹仅包含 assets 文件夹

The dist folder contain only assets folder after running ng build --configuration=production

提问人：Faouzeya 提问时间：8/30/2023 更新时间：9/1/2023 访问量：124

问：

我是 azure 的初学者，我想使用 Visual Studio Code 将 angular 应用程序部署到 azure，所以我按照本教程 https://www.youtube.com/watch?v=u_CRppLcC9k 这真的很有帮助，但是在运行后会生成一个 dist 文件夹，但它只包含带有图像和一些 js 文件的 assets 文件夹。ng build --configuration=production

enter image description here

通常我应该选择 dist/appname 使用 azure 扩展将其部署到 Visual Studio Code 中，但我的 appame 在 dist 文件夹下不存在。

有谁知道发生了什么？

PS：构建成功

注意：我在文件资源管理器中看不到dist文件

Angular Azure visual-studio-code 部署 azure-web-app-service

评论

0赞 Benny Halperin 8/31/2023
你有在angular.josn中调用的属性吗？projects
0赞 Harshitha 8/31/2023
您的应用在部署后是否成功运行？
0赞 Faouzeya 9/1/2023
@BennyHalperin是的，我有
0赞 Faouzeya 9/1/2023
@Harshitha是的，它运行成功
0赞 Harshitha 9/1/2023
@Hiba - 检查下面的答案并让我知道。

答：

0赞 Harshitha 8/31/2023 #1

我能够在文件夹中看到 Appname。dist

你似乎错过了创建 .NET Core Web 应用的步骤。

检查以下解决方法，使用 Angular 创建 .NET 应用并部署到 Azure 应用服务。

在 Visual Studio 中，使用 .NET 6.0 LTS 创建一个新的。.NET Core API

enter image description here

  • 在 VSCode 中打开 .NET Core API =>右键单击 AppName =>然后单击 .Open in Integrated Terminal

enter image description here

  • 创建一个新的（这是您错过的那个，这就是您看不到 in dist 文件夹的原因ClientAppAppName

运行以下命令以创建 Angular 应用程序。


ng n ClientApp
yes
Select css

enter image description here

  • 将创建具有 Angular 配置的 ClientApp1。

enter image description here enter image description here

  • 选择新创建的 => 。ClientAppOpen in Integrated Terminal

enter image description here)

  • 现在运行 .ng buildenter image description here

  • dist文件夹已创建，您可以看到它具有 ClientApp1（AppName）。

enter image description here

enter image description here

从共享的链接继续执行后续步骤，将应用部署到 Azure 应用服务。

0赞 Faouzeya 9/1/2023 #2

看起来我必须将文件 angular.json 中的“outputPath”从 修改为 。"outputPath": "dist""outputPath": "dist/appname"

这就是它对我的工作方式。

上一个：错误：NullInjectorError：没有 CompilerFactory 的提供程序！当我尝试在同一页面中运行 2 个角度元素时

下一个：运行 azure 函数时 HttpRequest 为 null