uniapp使用scss不生效
时间: 2023-09-07 19:16:01 浏览: 442
uni-app中使用scss的示例代码
5星 · 资源好评率100%
如果你在 Uniapp 中使用 SCSS 无效的话,首先你需要确认你是否已经正确安装了 SCSS 相关的依赖。如果安装了依赖仍然无效,那么你可以尝试以下几个步骤:
1. 确认你的文件命名格式是否正确:在 Uniapp 中使用 SCSS 需要将样式文件的后缀名改为 .scss。如果你的文件后缀名不是 .scss,那么就会导致 SCSS 无法生效。
2. 确认你是否在 App.vue 中引入了 SCSS 文件:在 Uniapp 中,如果你想在全局使用 SCSS 样式,那么需要在 App.vue 中引入 SCSS 文件。你可以在 App.vue 的 style 标签中添加 @import '路径' 的语句来引入 SCSS 文件。
3. 确认你是否在组件中使用了 lang 属性:在 Uniapp 中,如果你想在组件中使用 SCSS,那么需要在组件的 style 标签中添加 lang="scss" 的属性。如果你没有添加这个属性,那么就会导致 SCSS 无法生效。
如果你按照以上步骤仍然无法解决问题,那么你可以尝试升级你的 Uniapp 版本,或者在 Uniapp 的论坛上寻求帮助。
阅读全文