0

我已经开始使用 DevExtreme UI Widgets 开发 Angular 10 应用程序。我在我们的 Azure Cloud 中部署了一个演示版本,但在使用它时,我注意到了一个奇怪的行为。当我刷新时,我似乎失去了我的风格。例如,这是登录页面的显示方式:

良好的登录页面

如果我在不输入登录凭据的情况下刷新 URL,页面会更改并显示如下:

错误的登录页面

当我登录时,坏的或好的样式都被继承了。例如,着陆页应如下所示:

很好的登陆页面

如果我在此处刷新屏幕,我还会看到样式正在更改。这是样式丢失时着陆页的显示方式:

着陆页错误

如果我一遍又一遍地刷新页面,当我失去样式时,最终我会重新获得样式并且我的应用程序开始按预期显示。

知道是什么导致样式丢失吗?任何建议将不胜感激。

谢谢,埃德

4

2 回答 2

0

此问题已解决。经过进一步调查,发现问题与 Azure Cloud 部署无关。我在我的应用程序中使用 DevExtreme UI 小部件,该应用程序基于它们的Angular Template

我使用 Chrome、Edge 和 Firefox 尝试了该网站。上述问题仅发生在 Chrome 中。DevExpress 技术支持向我指出了这张支持票

遵循解决方法中的建议并重新部署后,即使在 Chrome 中,我的应用程序看起来也很好。

感谢所有试图提供帮助的人。埃德

于 2020-11-02T15:28:04.323 回答
0

关于Angular项目的部署,我遇到了各种各样的问题。我愿意与您分享,希望对您有所帮助。

故障排除步骤:

解决方案 1。

您可以通过 Azure Pipelines CI/CD 部署它,而无需使用 vscode 来部署 webapp。

VS Code 插件可能有问题,因为它在预览中

解决方案 2。

使用 github 进行持续部署。建议创建一个webapp并选择Linux操作系统。

解决方案 3。

建议使用 FTP 发布build项目后的文件夹npm build

于 2020-10-21T01:28:19.433 回答