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

vue3项目中使用vue-i18n的9以上的版本实现国际化,使用过程中出现报错:

国际化使用 "validation.regExp.name": "仅允许输入字母、数字与_.@字符"报如下错误

Message compilation error: Invalid linked format
1  |  仅允许输入字母、数字与_.@字符
Message compilation error: Unexpected lexical analysis in token: '字符'
1  |  仅允许输入字母、数字与_.@字符
Message compilation error: Unexpected empty linked key
1  |  仅允许输入字母、数字与_.@字符

报错原因:vue-i18n的9以上的版本中@被用作特殊字符处理,直接用会报错

解决方法

把@改为{'@'}。例如:"validation.regExp.name": "仅允许输入字母、数字与_.{'@'}字符"

vue@2.6.14安装vue-i18n报错

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

在vue2环境下,默认安装 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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持Devmax。

vue-i18n的9以上版本中@被用作特殊字符处理,直接用会报错问题的更多相关文章

  1. ios – 应用程序商店描述特殊字符

    是不是可以在AppStore描述中使用像星星这样的特殊字符了?我得到这个错误:描述不得包含标记语言.说明不得包含以下字符:★提前致谢:)解决方法仍然允许一些unicode字符.以下字符已经过测试并仍然有效:◆√至于现在他们工作正常,但苹果可以随时再次改变条件.

  2. android – 如何在TextView中显示特殊字符(如–)?

    如何在TextView中显示特殊字符?解决方法您可以使用Html.fromHtml()将HTML格式的文本处理为TextView可以显示的Spannable.

  3. 在Android中使用COLLATE SQLite – LIKE语句中忽略了语言环境

    它已经有关于非ASCII字符的信息和一个错误.也许Android安装了一个旧版本的sqlite,这是一个问题.我认为第二个正规化列可能是你最好的选择不幸的是.

  4. vue如何自定义地址设置@

    这篇文章主要介绍了vue如何自定义地址设置@,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  5. Vue的export default和带返回值的data()及@符号的用法说明

    这篇文章主要介绍了Vue的export default和带返回值的data()及@符号的用法说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  6. jquery与ajax获取特殊字符实例详解

    在用jquery加ajax写的时候,发现如果传进去的数据包含&则无法获取数据而+号的话就会被判定为空,解决办法就是使用encodeURIComponent()函数对要发送的数据进行编码,需要的朋友可以参考下

  7. JavaScript 特殊字符

    你可以在JavaScript中使用反斜杠来向文本字符串添加特殊字符。请看下面的JavaScript代码:。在JavaScript中,字符串使用单引号或者双引号来起始或者结束。这意味着上面的字符串将被截为:Wearetheso-called。要解决这个问题,就必须把在"Viking"中的引号前面加上反斜杠(\)。现在JavaScript就可以输出正确的文本字符串了:Wearetheso-called"Vikings"fromthenorth。这是另一个例子:

  8. React中用@符号编写文件路径实现方法介绍

    在Vue中,我们导入文件时,文件路径中可以使用@符号指代src目录,极大的简化了我们对路径的书写。但是react中,要想实现这种方式书写文件路径,需要写配置文件来实现

  9. vue 如何实现配置@绝对路径

    这篇文章主要介绍了vue 如何实现配置@绝对路径,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  10. react项目中@路径简单配置指南

    这篇文章主要给大家介绍了关于react项目中@路径简单配置的相关资料,文中还介绍了React配置@路径别名的方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部