vue-i18n的9以上版本中@被用作特殊字符處理,直接用會報錯問題
vue-i18n的9以上版本中@被用作特殊字符處理
vue3項目中使用vue-i18n的9以上的版本實現(xiàn)國際化，使用過程中出現(xiàn)報錯：
國際化使用 "validation.regExp.name": "僅允許輸入字母、數(shù)字與_.@字符"報如下錯誤
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ù)字與_.@字符
報錯原因：vue-i18n的9以上的版本中@被用作特殊字符處理，直接用會報錯
解決方法
把@改為{'@'}。例如："validation.regExp.name": "僅允許輸入字母、數(shù)字與_.{'@'}字符"
vue@2.6.14安裝vue-i18n報錯
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，所以報錯信息如下：
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
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue通過watch對input做字?jǐn)?shù)限定的方法
本篇文章主要介紹了vue通過watch對input做字?jǐn)?shù)限定的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
跨域問題的出現(xiàn)是因為瀏覽器的同源策略問題，如果沒有同源策略我們的瀏覽器將會十分的不安全，隨時都可能受到攻擊，今天小編通過本文給大家介紹下vue 處理跨域問題，感興趣的朋友一起看看吧2021-09-09
vue2.x中的provide和inject用法小結(jié)
這篇文章主要介紹了vue2.x中的provide和inject用法小結(jié),本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
webpack+vue+express(hot)熱啟動調(diào)試簡單配置方法
今天小編就為大家分享一篇webpack+vue + express (hot) 熱啟動調(diào)試簡單配置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
前端vue中實現(xiàn)文件下載的幾種方法總結(jié)
這篇文章主要介紹了前端vue中實現(xiàn)文件下載的幾種方法總結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要為大家詳細(xì)介紹了Vue+SSM實現(xiàn)圖片上傳預(yù)覽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了vue路由攔截及頁面跳轉(zhuǎn)的設(shè)置方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-05-05
Vite處理html模板插件之vite-plugin-html插件使用
這篇文章主要給大家介紹了關(guān)于Vite處理html模板插件之vite-plugin-html插件使用的相關(guān)資料,Vite是一個現(xiàn)代化的前端構(gòu)建工具,而vite-plugin-html是Vite的一個插件,用于在構(gòu)建時自動生成HTML文件,需要的朋友可以參考下2023-10-10
vue根據(jù)權(quán)限動態(tài)渲染按鈕、組件等的函數(shù)式組件實現(xiàn)
這篇文章主要介紹了vue根據(jù)權(quán)限動態(tài)渲染按鈕、組件等的函數(shù)式組件實現(xiàn)方式,具有很好的參考價值,希望杜大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
v-model是Vue中的一個重要語法糖,主要用于實現(xiàn)數(shù)據(jù)的雙向綁定,它通過結(jié)合value屬性和input事件,簡化了代碼并提高了開發(fā)效率,文中通過代碼介紹的非常詳解,需要的朋友可以參考下2024-09-09