You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 14:22:09