Angular 12 应用程序 Azure 应用程序服务(Windows)不渲染任何 CSS。本地工作正常

发布于 2025-01-11 15:39:42 字数 748 浏览 0 评论 0原文

我在 Angular 13 应用程序中遇到了一个问题。当我将它部署到基于 Windows 的 azure 应用程序服务时,它似乎没有呈现任何类型的 CSS。这个特定的应用程序使用 tailwinds 作为 CSS“引擎”。

奇怪的是它在 Azure 中运行。我做了一些小的增强,进行了 ng 构建并将代码复制到 Azure 中的开发应用程序服务,现在它根本无法正确渲染......似乎缺少 CSS。我附上了几张主页登录/页面的屏幕截图(一张工作,一张不工作)。

我检查了页面加载,没有404错误。我过去遇到过一些 MIME 类型问题,所以我将它们添加到我的 web.config 中,但没有成功。

我什至将代码回滚到之前工作的源代码库并部署它......现在它遇到了相同的渲染问题。这告诉我它可能是我的azure应用程序服务中的一个配置项。从昨晚开始它一直在工作,但我弄坏了一些东西,但无法弄清楚。

关于我可以去哪里看有什么想法吗?谢谢你!

埃里克

enter此处的图像描述

在此处输入图像描述

I am struggling with an issue in my Angular 13 app. When I deploy it to my windows based azure app service, it doesn't seem to render ANY sort of CSS. This particular app uses tailwinds as the CSS "engine".

The odd thing is that it was working in Azure. I did a couple of minor enhancements, did an ng build and copied the code to my dev app service in Azure, and now its not rending correctly at all...seems to be missing the CSS. I attached a couple screen shots of the home login/page (one working and one not working).

I inspected the page load, and there are no 404 errors. I have ran into some MIME type issues in the past, so I added those to my web.config with no luck.

I even rolled back the code to the previously working source code base and deployed it...and now it is having the same rending issue. This tells me that it might be a configuration item in my azure app service. It was working as of last night and I broke something and can't figure it out.

Any ideas as to where I could look? Thank you!

Eric

enter image description here

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

千と千尋 2025-01-18 15:39:42

谢谢用户 Anand Sowmithiran - Stack Overflow用户 Eric Elliston - Stack Overflow。将您的建议作为答案发布以帮助其他社区成员。

使用 ng build 时,模板“完全”停止构建。通过调用ng build fusion,它开始工作。有时最好从头开始构建而不是模板,因为如果您在添加附加包时不注意,事情很容易出岔子。

参考文献: Angular部署 Angular使用本地 Git (CD) 到 Azure 应用服务 (PaaS) 的 8+ 应用程序 |通过德雷克斯索罗 |中等

Thank you User Anand Sowmithiran - Stack Overflow and User Eric Elliston - Stack Overflow. Posting your suggestions as an answer to help other community members.

The template stopped building "fully" while using ng build. By calling ng build fuse, it started working. Sometimes it’s better to build from the ground up instead of templates because things can go sideways easily if you are not paying attention when adding in additional package.

References: Angular and Deploy Angular 8+ Application to Azure App Service(PaaS) using Local Git(CD) | by Drexsolo | Medium

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文