wepy scss里存在\等字符导致微信开发者工具报样式错误

bhmjp9jg  于 2022-11-03  发布在  其他
关注(0)|答案(2)|浏览(222)

比如有一个文件 icon.wpy ,然后这个文件引入了字体图标,有如下的样式代码:

<style lang="scss" type="text/scss">
    .icon {
        font-size: 16px;
        &.success::after {
            content: '\e69e';
            color: red;
        }
    }
</style>

那么微信开发者工具有就报如下错误:

Error:

in File: ./icon/icon.wxss

unexpected "?" at pos 1
> 1 | .con{font-size:16px;&.success::...

但是如果把 content: '\e69e'; 去掉 \ 则不会报错。

a5g8bdjr

a5g8bdjr1#

遇到同样问题,看上去是编译后 将 "\e69e" 转换成了 开发者工具无法识别的 未知字符,导致报错。

我的解决办法是将字体图标样式写在 <style> (去掉 lang="scss" 属性)标签下,这样不会经过scss的编译,会直接复制到最终的 .wxss 文件中。

y4ekin9u

y4ekin9u2#

遇到同样问题,看上去是编译后 将 "\e69e" 转换成了 开发者工具无法识别的 未知字符,导致报错。

我的解决办法是将字体图标样式写在 <style> (去掉 lang="scss" 属性)标签下,这样不会经过scss的编译,会直接复制到最终的 .wxss 文件中。

我也是这么处理的。

相关问题