taro 3.6.1使用阿里云iconfont报错

4ioopgfo  于 5个月前  发布在  其他
关注(0)|答案(6)|浏览(54)

相关平台

React Native

使用框架: React

复现步骤

1.正常下载iconfont.scss到项目中
2.app.ts引用iconfont.scss
3.run alipay正常显示,yarn start 运行rn报错 Unexpected token type: div Failed to parse declaration "fontFamily: "iconfont"

期望结果

与小程序同步正常展示iconfont

实际结果

rn端报错无法运行

环境信息

Taro CLI 3.6.1 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 16.9.1 - D:\nodejs\node.EXE
      Yarn: 1.22.19 - D:\nodejs\yarn.CMD
      npm: 7.21.1 - D:\nodejs\npm.CMD

补充信息

iconfont.scss如下
@font-face {
font-family: "iconfont"; /* Project id 1065077 */
src: url('//at.alicdn.com/t/c/font_1065077_btnez6valf.woff2?t=1665563885988') format('woff2'),
url('//at.alicdn.com/t/c/font_1065077_btnez6valf.woff?t=1665563885988') format('woff'),
url('//at.alicdn.com/t/c/font_1065077_btnez6valf.ttf?t=1665563885988') format('truetype');
}

.iconfont {
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.iconanquan:before {
content: "\e8ab";
}

at0kjp5o

at0kjp5o2#

React Native 不识别自定义的字体名, 是不是并非iconfont问题?

w46czmvw

w46czmvw3#

React Native 不识别自定义的字体名, 是不是并非iconfont问题?

iconfont下载下来之后,默认就是这个名字,小程序正常识别的,rn不行

uurv41yg

uurv41yg4#

React Native 不识别自定义的字体名, 是不是并非iconfont问题?

主要是不识别 font-family 后面这个 iconfont ,把它换成任何字符串都是报错的 @yoyo837

ngynwnxp

ngynwnxp5#

换成行业常见的字体名能正常吗?

bttbmeg0

bttbmeg06#

换成行业常见的字体名能正常吗?
主要是不识别 font-family 后面这个 iconfont ,把 iconfont 换成任何字符串都是报错的 @yoyo837

相关问题