vue.js - 如何修复 Vue 中的解析错误 : invalid-first-character-of-tag-name. eslint (vue/no-parsing-error)

Question

代码

 <div class="flex justify-center">
            <vs-chip v-if="current" class="text-base w-24" :color="color">
              {{
                getPercentage > 0 && getPercentage < 3
                  ? "Neutral"
                  : getPercentage > 3 && current < average
                  ? "Buy"
                  : "Sell"
              }}
            </vs-chip>
          </div>

如何修复 vue 中的这个解析错误？
有没有办法在不禁用 eslint 规则的情况下解决这个问题？

Answer 1

在我的情况下，在 rules 下添加以下内容的 .eslintrc.js工作:

"vue/no-parsing-error": [
    "error", 
    {
        "invalid-first-character-of-tag-name": false,
    }
],

PS:您可能需要停止服务器并运行 npm run lint要应用的规则