uni-app ios提示框国际化出现问题

信息类别	详细信息
产品分类	uniapp/App
PC开发环境操作系统	Windows
PC开发环境操作系统版本号	win11
HBuilderX类型	正式
HBuilderX版本号	3.99
手机系统	iOS
手机系统版本号	iOS 17
手机厂商	苹果
手机机型	iPhone11
页面类型	vue
vue版本	vue2
打包方式	云端
项目创建方式	HBuilderX

操作步骤：

使用英文版，申请蓝牙权限

预期结果：

无中文出现

实际结果：

出现中文

bug描述：

在使用蓝牙初始化时会提示申请权限，项目使用了国际化，但是在申请权限的时候出现了中文，无法通过上线审核



![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20240115/5e72801849234bf028bf2bdbaddd8291.png)

eggper 1楼

参考 https://ask.dcloud.net.cn/article/35860

eggper 2楼

在使用 uni-app 开发 iOS 应用时，如果遇到提示框（如 uni.showToast、uni.showModal 等）的国际化问题，可能是由于以下原因导致的。以下是一些常见的排查和解决方法：

1. 确认国际化配置是否正确

确保在 manifest.json 中正确配置了国际化支持。例如：

{
  "app-plus": {
    "locale": {
      "default": "en",
      "fallback": "en"
    }
  }
}

确保在项目中正确配置了多语言文件（如 en.json、zh-CN.json 等）。

2. 检查语言文件的加载

确保语言文件已正确加载，并且内容符合预期。例如：

// en.json
{
  "toast.success": "Success",
  "modal.confirm": "Are you sure?"
}

在代码中通过 uni.getLocale() 检查当前语言是否正确。

3. 动态设置提示框内容

如果提示框的内容是静态的，可以改为动态获取多语言文本。例如：

uni.showToast({
  title: this.$t('toast.success'), // 使用多语言文本
  icon: 'none'
});

4. iOS 系统语言与 App 语言不一致

iOS 系统语言可能与 App 语言不一致，导致提示框显示的语言不符合预期。
可以通过 uni.getSystemInfoSync().language 获取系统语言，并根据系统语言动态调整提示框内容。

5. 检查 uni-app 版本

确保使用的 uni-app 版本是最新的，旧版本可能存在国际化支持不完善的问题。
更新 uni-app 版本：
```
npm update @dcloudio/uni-app
```

6. 使用原生插件

如果 uni-app 的提示框无法满足需求，可以考虑使用原生插件（如 cordova-plugin-dialogs）来实现更灵活的多语言支持。

7. 调试与日志

在代码中添加日志，检查提示框的内容是否正确加载。例如：

console.log('Current locale:', uni.getLocale());
console.log('Toast title:', this.$t('toast.success'));

示例代码

以下是一个完整的示例，展示如何实现提示框的国际化：

// main.js
import Vue from 'vue';
import VueI18n from 'vue-i18n';
import en from './locales/en.json';
import zh from './locales/zh-CN.json';

Vue.use(VueI18n);

const i18n = new VueI18n({
  locale: uni.getLocale(), // 获取当前语言
  fallbackLocale: 'en',
  messages: { en, zh }
});

Vue.prototype.$t = i18n.t;

// 页面中使用
uni.showToast({
  title: this.$t('toast.success'),
  icon: 'none'
});