为何.NET Core Razor视图中存在未在引入样式中查找到的样式类?

该类名异常出现在Razor视图中的常见原因如下:
- 你备注的修改前后类名完全一致,都是
fp-accordion-card_accordionCardButton,如果是输入笔误的话先确认修改后的类名和原始类名是否存在差异。 - Razor视图编译缓存未清理:ASP.NET Core会自动缓存编译后的Razor视图文件,仅修改源视图文件没有重启站点、清理
bin/obj目录下的编译产物的话,运行时返回的仍然是旧版编译结果,旧类名会继续存在。 - 前端构建产物未更新:如果你使用了Vite、Webpack等前端构建工具,或者开启了CSS Module、类名自动哈希等配置,修改源类名后没有重新执行构建命令,部署到站点的仍然是旧版构建产物,导致类名没有变化。
- 类名来自组件封装逻辑:检查你用到的相关Tag Helper、View Component、部分视图,或者引入的第三方Razor类库、UI组件,这类封装好的组件会自动注入对应类名,不会出现在你本地的静态样式文件中。
- 类名由前端脚本动态添加:排查页面引入的JS代码,是否有逻辑在页面加载完成后动态给对应DOM元素添加该类名,动态添加的类名不会出现在Razor源文件里。
- 浏览器缓存未清空:浏览器会缓存已加载的页面HTML内容,使用强制刷新(Windows按
Ctrl+Shift+R、Mac按Command+Shift+R)或者禁用缓存后重新访问,确认类名是否仍然存在。
内容的提问来源于stack exchange,提问作者Nguyen Tuan Anh
相关产品推荐
相关产品推荐

