uni-app app.vue文件内引入的全局scss文件无法使用scss变量

开发环境	版本号	项目创建方式
Mac	11.2.3	HBuilderX

示例代码：

// app.vue  
<style lang="scss">  
    @import url("@/static/scss/app.scss");  
</style>  

// app.scss  
.text {  
    font-size: $uni-font-size-base;  
}  

// uni.scss  
$uni-font-size-sm: 24rpx;  
$uni-font-size-base: 30rpx;  
$uni-font-size-lg: 36rpx;

操作步骤：

根据代码示例复现

预期结果：

.text元素可以正常渲染文字尺寸

实际结果：

如上描述及代码示例。会报一个错

更多关于uni-app app.vue文件内引入的全局scss文件无法使用scss变量的实战教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 1楼

更多关于uni-app app.vue文件内引入的全局scss文件无法使用scss变量的实战教程也可以访问 https://www.itying.com/category-93-b0.html

在uni-app中，全局scss变量需要在uni.scss中定义，但直接在app.vue中通过[@import](/user/import)引入的scss文件无法访问这些变量，因为作用域隔离。正确做法是：

在uni.scss中引入全局样式文件：

[@import](/user/import) '@/static/scss/app.scss';