关注本文作者公众号
获取最新福利
微信公众号

H5编译后,taro-ui组件中文变UTF-8编码

时间: 02/22/2019作者: ylf-联合编辑浏览量: 816

问题描述

使用 npm run dev:h5 编译代码后,浏览器查看,部分taro-ui组件上的中文会变成utf-8编码。

复现步骤

问题组件:AtListItem上的title属性,AtNoticebar上的moreText属性,AtInput上的title属性等等,这上面的中文会转为uft-8编码。 正常组件:AtButton,AtGrid上的value 这些组件上的中文正常显示

// 不正常显示
 <AtNoticebar showMore icon='volume-plus' single moreText='立即邀请' onGotoMore={this.handleGoMore.bind(this)}>

<AtList>
  <AtListItem title='公司简介' onClick={this.handleNews.bind(this, 1, '公司简介')} arrow='right' />
</AtList>

// 正常显示
<View className='grid-top'>
     <AtGrid onClick={this.handleGrid.bind(this)} hasBorder={false} columnNum={4} data={
         [
           {
             image: IMG_PAIMAI,
             value: '我要代拍'
           },
              ...
         ]
       }
      />
</View>

<AtButton type='primary' full onClick={this.handleGoMoreComment.bind(this)}>查看更多案例</AtButton>

FpvhicACEsXBDtBjrTqsGwPeLSqK

报错信息

未报错

系统信息

👽 Taro v1.2.12
  Taro CLI 1.2.12 environment info:
    System:
      OS: macOS High Sierra 10.13.6
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 8.11.3 - /usr/local/bin/node
      npm: 5.6.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/async-await: 1.2.12 => 1.2.12
      @tarojs/components: 1.2.12 => 1.2.12
      @tarojs/plugin-babel: 1.2.12 => 1.2.12
      @tarojs/plugin-csso: 1.2.12 => 1.2.12
      @tarojs/plugin-sass: 1.2.12 => 1.2.12
      @tarojs/plugin-uglifyjs: 1.2.12 => 1.2.12
      @tarojs/redux: 1.2.12 => 1.2.12
      @tarojs/redux-h5: 1.2.12 => 1.2.12
      @tarojs/rn-runner: 1.2.12 => 1.2.12
      @tarojs/router: 1.2.12 => 1.2.12
      @tarojs/taro: 1.2.12 => 1.2.12
      @tarojs/taro-alipay: 1.2.12 => 1.2.12
      @tarojs/taro-h5: 1.2.12 => 1.2.12
      @tarojs/taro-swan: 1.2.12 => 1.2.12
      @tarojs/taro-tt: 1.2.12 => 1.2.12
      @tarojs/taro-weapp: 1.2.12 => 1.2.12
      @tarojs/webpack-runner: 1.2.12 => 1.2.12
      eslint-config-taro: 1.2.12 => 1.2.12
      eslint-plugin-taro: 1.2.12 => 1.2.12
      nervjs: ^1.3.9 => 1.3.12

解决办法

升级taro至v1.2.13即可。

关注下面的标签,发现更多相似的文章

ylf-联合编辑

软件工程师
一个简单简单的软件开发者,码农。
极客教程网
——一个你值得来的网站
编程笔记:学习分享,与君共勉!
小书本:系统完整的学习!
在线工具:极客工具,在线工具,在线运行
前端导航:前端导航,前端资源聚合平台
零花钱:简单点点手机,做做任务赚点零花钱
微信公众号
极客教程(geekjc)
QQ群:
495489065

Copyright © 2019 - ~ All Rights Reserved. Made By ll 备案号:粤ICP备15001588号-4