uni-app 样式引用的BUG

uni-app 样式引用的BUG

开发环境 版本号 项目创建方式
Windows Win10 HBuilderX

操作步骤：

如上

预期结果：

如上

实际结果：

如上

bug描述：

当页面作为组件时，使用全局样式不生效

<style lang="scss" scoped></style>

必须

<style lang="scss" scoped>随便写一点</style>
2 回复

这样不生效

<style lang="scss" scoped></style>

需要

<style lang="scss" scoped>随便一点内容</style>

才能引用到全局样式

更多关于uni-app 样式引用的BUG的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个在特定条件下出现的样式编译问题。

问题原因： 当组件使用 scoped 属性且样式块完全为空时，某些版本的编译器可能会跳过对该样式块的编译处理，导致全局样式引用（如 @import）被忽略。

解决方案：

  1. 推荐方案：在空的 scoped 样式块中添加一个无实际影响的注释
<style lang="scss" scoped>
/* 确保样式块被编译 */
</style>
  1. 备用方案：如果确实不需要任何样式，可以移除 scoped 属性
<style lang="scss"></style>
回到顶部