简体繁体 English

Angular 12 app Azure app service (windows) not rendering any CSS. Works fine locallay

[英]Angular 12 app Azure app service (windows) not rendering any CSS. Works fine locallay

原文 2022-03-04 19:37:51 1 1 angular/ azure/ azure-web-app-service

I am struggling with an issue in my Angular 13 app.我正在努力解决我的 Angular 13 应用程序中的问题。 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".当我将它部署到我的基于 windows 的 azure 应用程序服务时，它似乎没有呈现任何类型的 CSS。这个特定的应用程序使用顺风作为 CSS“引擎”。

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).奇怪的是它在 Azure 中工作。我做了一些小的改进，做了一个 ng build 并将代码复制到我在 Azure 中的开发应用程序服务，现在它根本没有正确渲染......似乎丢失了CSS。我附上了主页登录/页面的几个屏幕截图（一个工作，一个不工作）。

I inspected the page load, and there are no 404 errors.我检查了页面加载，没有 404 错误。 I have ran into some MIME type issues in the past, so I added those to my web.config with no luck.我过去遇到过一些 MIME 类型的问题，所以我将它们添加到我的 web.config 中，但没有成功。

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.这告诉我它可能是我的 azure 应用程序服务中的配置项。 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埃里克

1 个解决方案

Thank you User Anand Sowmithiran - Stack Overflow and User Eric Elliston - Stack Overflow .谢谢用户 Anand Sowmithiran - Stack Overflow和用户 Eric Elliston - Stack Overflow 。 Posting your suggestions as an answer to help other community members.将您的建议作为答案发布，以帮助其他社区成员。

The template stopped building "fully" while using ng build .使用ng build时，模板“完全”停止构建。 By calling ng build fuse , it started working.通过调用ng build fuse ，它开始工作了。 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.有时最好从头开始构建而不是模板，因为如果您在添加额外的 package 时不注意，事情很容易横向 go。

References: Angular and Deploy Angular 8+ Application to Azure App Service(PaaS) using Local Git(CD) |参考资料： Angular和Deploy Angular 8+ Application to Azure App Service(PaaS) using Local Git(CD) | by Drexsolo | 通过 Drexsolo | Medium 中等的