ASP.NET CORE页面闪烁

问题描述 投票:0回答:1

我最近开始开发一个使用Angular 2的ASP.NET Core SPA应用程序。我正在使用第三方css库,以及一些引导程序来确定很多页面样式。出于某种原因,我看到一个页面闪烁,有时带有无格式的HTML和其他带有样式的html的页面再次重新加载。我已将样式表和其他资源包含在wwwroot / dist文件夹中,并在应用程序的_Layout.cshtml页面中包含链接标记。我已经使用chrome开发人员工具来尝试调试应用程序,并了解到html已加载一次,并且加载页面所花费的大部分时间都用于javascript。

任何帮助或正确方向的一点将非常感激。

angular asp.net-core asp.net-core-mvc asp.net-core-1.0 aspnetcoretemplatepack
1个回答
0
投票

我猜你正在使用WebPack?这会将您的所有样式捆绑到一个javascript文件中,加载该文件,然后处理它们。此处理在页面加载后发生,因此有一段时间您的页面没有样式。

然后,一旦处理了javascript包,就会应用样式,并且所有看起来都很正常。

使用webpack“MiniCssExtractPlugin”将您的样式提取到一个单独的CSS文件中,您可以将其包含在页面的标题中(而不是javascript版本)

© www.soinside.com 2019 - 2024. All rights reserved.