vue-i18n中使用@特殊字符报错:加引号为何仍触发格式错误?
Vue-i18n 带@的邮箱占位符报错原因及解决方法
你遇到的报错是因为unplugin-vue-i18n插件的解析逻辑导致的:它会把字符串里的eg:识别成Vue I18n的链接语法(即@:key这种复用其他翻译项的写法),哪怕你给字符串加了单引号,插件的语法检查依然会触发这个解析逻辑,所以抛出了"Invalid linked format"错误。
以下是几种解决办法:
用双引号包裹字符串
YAML中双引号的解析规则更严格,能让插件正确识别这是普通字符串,避免误触发链接语法检查:emailPlaceholder: "eg: test@example.com"转义冒号
在冒号前加反斜杠,明确告诉插件这不是链接语法的一部分:emailPlaceholder: 'eg\: test@example.com'关闭插件的链接语法检查(不推荐)
如果你的项目不需要用到Vue I18n的链接语法,可以在插件配置里禁用该检查规则:import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite' export default { plugins: [ VueI18nPlugin({ rules: { linked: false } }) ] }
内容的提问来源于stack exchange,提问作者Soviut
相关产品推荐
相关产品推荐

