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"
完美!
真棒,又是努力的一天。哇哈哈