vue-i18n在使用$t时提示类型错误

1. 问题描述

Vue3项目中,使用vue-i18n,在模版中使用$t时,页面可以正常渲染,但是类型报错。

相关依赖版本如下:

json 复制代码
"dependencies": {
    "vue": "^3.4.29",
    "vue-i18n": "^9.14.0",
    // 其它依赖
},

2. 解决方法

手动给 $t 添加类型声明。

创建一个类型声明文件vue-i18n.d.ts,并将其添加到 tsconfig.json 配置文件的 include 配置项中。文件内容如下:

ts 复制代码
export {};

declare module '@vue/runtime-core' {
    // 提供全局属性 `$t`
    interface ComponentCustomProperties {
        $t: (message: string) => string;
    }
}

参考文档

相关推荐
猫猫村晨总2 小时前
基于 Vue3 + Canvas + Web Worker 实现高性能图像黑白转换工具的设计与实现
前端·vue3·canvas
上官熊猫9 小时前
nuxt3项目打包部署到服务器后配置端口号和开启https
前端·vue3·nuxt3
璇璇吴19 小时前
vue3 el-form表格滚动
javascript·vue3·elementplus
放逐者-保持本心,方可放逐8 天前
vue2 升级为 vue3+第三方库升级+vue2与vue3混合交互
vue3·vue2·交互·项目升级·第三方库升级
花铛11 天前
《Vue3 八》<script setup> 语法
vue3
想要打 Acm 的小周同学呀11 天前
若依框架--数据字典设计使用和前后端代码分析
java·vue3·数据字典·若依
飞雪金灵13 天前
Vue3(elementPlus) el-table替换/隐藏行箭头,点击整行展开
前端·vue3·element-plus·隐藏table箭头·替换table展开箭头·点击整行展开
xiangxiongfly91515 天前
Vue3 自定义插件(plugin)
vue3·插件·plugin
猫猫村晨总15 天前
前端图像处理实战: 基于Web Worker和SIMD优化实现图像转灰度功能
前端·图像处理·vue3·canvas·web worker
theMuseCatcher16 天前
Vue Amazing UI 组件库(Vue3+TypeScript+Vite 等最新技术栈开发)
ui·typescript·vue3·vite·components