出现场景

在普通的ts文件中，要用到 国际化插件时，引入 i18n.global.t

打包时因为配置了 vue-tsc --noEmit 会报错

import i18n from '@/locales/index';

const t = i18n.global.t;

src/utils/util.ts:3:11 - error TS2589: Type instantiation is excessively deep and possibly infinite. const t = i18n.global.t;

解决方法

引入类型声明就行了

import { I18nOptions, createI18n } from 'vue-i18n'; // 新增 I18nOptions

const messages = {
  'zh-CN': { ...zhCN },
  'en-US': { ...enUS },
} as I18nOptions['messages']; // 新增 as I18nOptions['messages']

github.com/intlify/vue…