即使在更改版本、硬刷新和清除缓存后，CSS更改也不会反映出来

fd3cxomn 于 2023-06-25 发布在其他

关注(0)|答案(5)|浏览(139)

我有一个Angular应用程序，里面有CSS。我最近改变了CSS，并将其部署在服务器上，但它没有在客户端机器中得到反映。
我做了以下几件事：
1.清除缓存并执行硬刷新（Ctrl+f5）。
1.已更改CSS文件的版本号并重新部署它。
1.已打开开发人员工具并禁用缓存并重新加载。
1.按下F12，转到源代码并检查CSS文件，是否加载了新的更改。新的变化在那里。
当我在一台新机器上打开Web应用程序时，新的更改会得到反映。
什么时候可能是CSS没有得到反映的可能原因，即使在检查了上述所有内容之后。有什么我遗漏的吗？

css

来源：https://stackoverflow.com/questions/53335459/css-changes-are-not-reflected-even-after-changing-version-hard-refresh-and-clea

5条答案

按热度按时间

krugob8w1#

这是一个PWA（Progressive Web App）…？在这种情况下，数据由服务工作者提供，而不是新鲜获取。
转到

Chrome开发工具（按F12）...
单击应用程序选项卡
左侧导航，点击“服务工人”和“取消注册”服务工人...
在左侧导航中的下一个选项中，单击“清除存储”...
点击右侧区域的“清除网站数据”按钮，重新启动Chrome并使用Ctrl+Shift+R进行检查

如果您使用的是CDN，您可能还必须清除该特定CSS文件该高速缓存。

赞(0）回复(0）举报 2023-06-25

pjngdqdw2#

- 硬刷新（Ctrl + Shift + R）**或者去查看页面源代码和打开的css文件，刷新后再硬刷新……你的问题就解决了

赞(0）回复(0）举报 2023-06-25

rt4zxlrg3#

请清除应用程序的浏览器历史记录从开始完成并执行硬刷新，然后尝试登录到您的应用程序

赞(0）回复(0）举报 2023-06-25

piah890a4#

你可以在chrome的开发工具中禁用缓存。在Chrome中按F12，网络->单击禁用缓存，进入Developer Tool
我也遇到过类似的问题。这帮助了我。希望能帮到一些人

赞(0）回复(0）举报 2023-06-25

n6lpvg4x5#

我清理了Angular 缓存，它对我很有效

ng cache clean

如果你做了还有更多

ng cache --help

你会得到像disable，enable缓存选项列表

ng cache clean    Deletes persistent disk cache from disk.
ng cache disable  Disables persistent disk cache for all projects in the workspace.                     [aliases: off]
ng cache enable   Enables disk cache for all projects in the workspace.                                  [aliases: on]
ng cache info     Prints persistent disk cache configuration and statistics in the console.

赞(0）回复(0）举报 2023-06-25

我来回答

即使在更改版本、硬刷新和清除缓存后，CSS更改也不会反映出来

5条答案

相关问题

热门标签

最新问答