vue3+vite+vuei18n 构建“未捕获的类型错误：_ctx.$t 不是函数”

Question

我想将我的 vue3+vite 包发布到 npm，但发布后，我在一个测试项目中遇到了“Uncaught TypeError: _ctx.$t is not a function”，我的包不工作，有什么建议...？

PS：我使用的是 vue options api

vite.configs.js：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueI18n from '@intlify/vite-plugin-vue-i18n'

// https://vitejs.dev/config/
const path = require("path")
export default defineConfig({
  build: {
    lib: {
      entry: path.resolve(__dirname, 'src/install.ts'),
      name: 'vcp',
      fileName: (format) => `vcp.${format}.ts`
    },
    rollupOptions: {
      external: ['vue'],
      output: {
        exports: 'named',
        globals: {
          vue: 'Vue',
          vcp: 'Vcp'
        }
      }
    },
  },
  plugins: [
    vue(),
    vueI18n({
      include: path.resolve(__dirname, 'src/assets/translations.json'),
      compositionOnly: false,
    })
  ],
  server: {
    port: 8080
  },
  resolve: {
    dedupe: ['vue'],
    alias: {
      "~": path.resolve(__dirname, "./src"),
      "@": path.resolve(__dirname, "./src"),
    },
  },
})

Answer 1

我联系了 vue-i18n 所有者和owner of vue-i18n 他在this PR解决了我的问题

附注： 基本上，问题是vite i18n builder不支持ts格式。