uni-app vue页面使用emoji后页面会变成乱码

uni-app vue页面使用emoji后页面会变成乱码

信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 window10
HBuilderX类型 正式
HBuilderX版本 3.1.22
手机系统 Android
手机版本号 Android 11
手机厂商 小米
手机机型 小米8
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

  • vue页面使用emoji，保存后关闭重新打开页面会变成乱码

预期结果：

  • 正常

实际结果：

  • 页面路那么

更多关于uni-app vue页面使用emoji后页面会变成乱码的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

请提供可稳定复现直接运行的完整示例（上传附件），方便我们快速排查问题哦。 【正确报bug的姿势】https://ask.dcloud.net.cn/article/38139

更多关于uni-app vue页面使用emoji后页面会变成乱码的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题通常是由于文件编码格式不匹配导致的。当HBuilderX保存包含emoji的Vue文件时，如果文件编码不是UTF-8，重新打开后emoji字符可能会显示为乱码。

解决方案：

  1. 检查文件编码：

    • 在HBuilderX中打开有问题的Vue文件
    • 点击右下角的编码格式显示区域（通常显示"UTF-8"或"GBK"）
    • 确保编码设置为UTF-8

  2. 转换文件编码：

    • 如果当前不是UTF-8编码，点击编码格式区域
    • 选择"以UTF-8编码重新加载"
    • 保存文件后重新打开测试

  3. 修改HBuilderX默认设置：

    • 进入"工具" → “设置”
    • 在"编辑器设置"中找到"文件编码"
    • 将默认编码设置为UTF-8
    • 重启HBuilderX生效

  4. 检查项目配置：

    • 确保项目根目录下的.editorconfig文件（如果有）中设置了：
    charset = utf-8
回到顶部