星海扬帆
星海扬帆
  • 发布:2023-05-09 14:10
  • 更新:2023-05-09 17:29
  • 阅读:190

【报bug】vue3 scss无法识别#{}替换

分类:HBuilderX

$color: blue;

.hover-#{$color} {
&:hover {
color: white;
background-color: $color;
}
}
环境vue3,hbuilder:3.7.11.20230427,插件安装了sass/scss,dart-sass
在app style中加了lang="scss",import本地my.scss,其中写了上述代码,然后在.hover-#{$color} 报错unknown word

2023-05-09 14:10 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_HB_WDL

DCloud_HB_WDL

提供下错误截图

  • 星海扬帆 (作者)

    已上传图片,还请看下是否已经找到原因,谢谢

    2023-05-10 13:01

星海扬帆

星海扬帆 (作者) - 星帆云海

App.vue:

<style lang="scss">
/每个页面公共css /
@import url('common/styles/my.scss');
</style>

要回复问题请先登录注册