关于vue.js:Vue-Parsing-error-invalidfirstcharacteroftagname-报错定位与解决

39次阅读

共计 401 个字符,预计需要花费 2 分钟才能阅读完成。

前一段时间总在写 React 我的项目,tsx 中写 dom 用三元运算符用的多。
这次写 Vue 我的项目,把写三元运算符的习惯带到了 vue 的模板语法中,同时条件表达式中用了小于号 ”<“,后果编译失常,网页展现失常,eslint 报错 ”invalid-first-character-of-tag-name”。

举个例子

解决办法 (回到 Vue 的世界,别在 React 里打转):
1、filter(不举荐,Vue3 废除了 filter)

2、methods 外面定义一个 function 用于格式化(举荐)

3、应用本义符(骚操作领域,不举荐)

"<" 变为 "&lt;"

这种状况下 eslint 校验通过,编译可通过,页面也失常显示,然而装了 vscode 插件 Volar (或者 Vetur) 的状况下应用本义符的中央会飘红。

4、应用 v -text(不举荐,不能复用)

完结

同步更新到本人的语雀
https://www.yuque.com/diracke…

正文完
 0