vue-i18n的9以上版本中@被用作特殊字符處理

vue3項(xiàng)目中使用vue-i18n的9以上的版本實(shí)現(xiàn)國(guó)際化，使用過程中出現(xiàn)報(bào)錯(cuò)：

國(guó)際化使用 "validation.regExp.name": "僅允許輸入字母、數(shù)字與_.@字符"報(bào)如下錯(cuò)誤

Message compilation error: Invalid linked format
1  |  僅允許輸入字母、數(shù)字與_.@字符
Message compilation error: Unexpected lexical analysis in token: '字符'
1  |  僅允許輸入字母、數(shù)字與_.@字符
Message compilation error: Unexpected empty linked key
1  |  僅允許輸入字母、數(shù)字與_.@字符

報(bào)錯(cuò)原因：vue-i18n的9以上的版本中@被用作特殊字符處理，直接用會(huì)報(bào)錯(cuò)

解決方法

把@改為{'@'}。例如："validation.regExp.name": "僅允許輸入字母、數(shù)字與_.{'@'}字符"

vue@2.6.14安裝vue-i18n報(bào)錯(cuò)

peer vue@“^3.0.0“ from vue-i18n@9.1.9

在vue2環(huán)境下，默認(rèn)安裝 npm install vue-i18n 的版本是 vue-i18n@9.1.9，所以報(bào)錯(cuò)信息如下：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: x-touch@0.1.0
npm ERR! Found: vue@2.6.14
npm ERR! node_modules/vue
npm ERR!   vue@"^2.6.11" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.0.0" from vue-i18n@9.1.9
npm ERR! node_modules/vue-i18n
npm ERR!   vue-i18n@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

**peer vue@“^3.0.0” from vue-i18n@9.1.9 ** 這段意思是 版本不匹配

我們可以使用下面命令查看 vue-i18n 所有版本：

npm view vue-i18n versions --json

然后找到合適的版本即可，這里使用的是 5.0.0

npm install vue-i18n@5

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。