vue3在defineProps中使用多语言t,打包报错

报错原因

代码如下

打包后就会报错

defineProps() in script setup cannot reference locally declared

variables because it will be hoisted outside of the setup() function.

If your component options require initialization in the module scope,

use a separate normal

script setup 中的 defineProps() 无法引用本地声明的变量，因为它将在 setup() 函数之外被提升。如果您的组件选项需要在模块范围内初始化，请使用单独的普通

主要原因就是defineProps不能引用setup内的变量。 const { t } = useI18n(); 这里的t也是属于变量。

解决方法

改用i18n.global.t 去调用多语言

先引入i18n再调用，这样就避免使用setup里的t

import i18n from ‘@/locales’;