vue-i18n 插件打包解析失效问题记录
开发环境中没有问题的,但打包发布之后就不行了,显示的就是模板字符串
// An highlighted block
const messages = {en: {step: {stepDesc1: 'Scan',stepDesc2: 'Analyze',stepDesc3: 'Result'}},zh: {step: {stepDesc1: '扫描',stepDesc2: '分析',stepDesc3: '结果',}}
}
尝试在vite.config.js配置文件中增加runtimeOnly: false属性,无效
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueI18n from '@intlify/vite-plugin-vue-i18n'export default defineConfig({plugins: [vue(),vueI18n({runtimeOnly: false})]
})
和max讨论一番发现
vue-i18n@12.x 是alpha 版本,API 变动大,与许多Vue 3 插件、Vite 插件、以及社区用法不兼容。建议使用稳定版本的vue-i18n
当级项目版本:
"vue-i18n": "^12.0.0-alpha.2"
降级为:
"vue-i18n": "^11.1.7"
完美!
真棒,又是努力的一天。哇哈哈