invalid-first-character-of-tag-name 错误指的是在HTML或Vue模板中,标签名的起始字符不符合HTML标准规范。HTML标签名必须以字母(A-Z 或 a-z)、冒号(:,用于XML命名空间)、或者下划线(_)开头。如果标签名以其他字符(如 <、>、#、@ 等)开始,将会触发此错误。
[Vue] Parsing error: invalid-first-character-of-tag-name 报错定位与解决 前一段时间总在写React项目,tsx中写dom用三元运算符用的多。 这次写Vue项目,把写三元运算符的习惯带到了vue的模板语法中,同时条件表达式中用了小于号"<",结果编译正常,网页展示正常,eslint报错"invalid-first-character-of-tag-name"。
其实上面这个代码是可以正常运行的,但是Eslint会报错,因为在Html代码中会校验到一个单独的<号,会被Eslint认为是Html代码的一部分而不会认为是模板语言,但因为Vue会去解析这部分的表达式再进行输出所以我们是可以正常运行的 那么不想让Eslint报错的话, 方法一:我们可以使用Html的转义符来进行对<或>号替换 {{ (ind...
记一次Eslint:Parsing error: invalid-first-character-of-tag-name校验错误 最近在使用Vue的时候把三元运算符写进template部分的时候遇到了如下错误Eslint:Parsing error: invalid-first-character-of-tag-name,例子如下: 代码语言:javascript 复制 {{(test.tag<1)?'状态是大于1的':'状态是小于1的'}}// 在这边...
代码: <viewclass="videoInfoItem">{{playTime< allTime ? '未完成' : (playTime < allTime ? '已完成' : '')}} </view> uniapp小程序,报错位置就在这个【<】小于号身上,保存运行,能显示出我想要的效果,但是我的vscode提示这块有问题。
模板tamplate经过parse，optimize，generate等一些列操作之后，把AST转为render function code进而生成虚拟...
报错invalid-first-character-of-tag-name指的是无效的<标签,没有检测到对应的>标签。 我首先想对此规则进行一些处理或者屏蔽,但是出于屏蔽规则或者修改是下下策,还是对template中的标签使用做了规范处理: 不再直接使用<``> html特殊字符用原始码, <原始码为< ...
In Vue.js, the inside of mustache is also HTML text. So HTML parser reports theinvalid-first-character-of-tag-nameerror on the "anything else" step of12.2.5.6 Tag open state. The<character in mustache can cause a certain surprising behavior, I'd like to recommend the use of computed pr...
'allowFirstLine': false }, }], 'vue/mustache-interpolation-spacing': ['error', 'always'], 'vue/name-property-casing': ['error', 'kebab-case'], 'vue/no-async-in-computed-properties': 'error', 'vue/no-confusing-v-for-v-if': 'error', ...
error: invalid-first-character-of-tag-name错误解决方案 HTML 特殊字符写法要用原始码,例如: ‘<’ 原始码为< ‘>’ 原始码为> 解决示例: 原错误代码 < 修改后代码 <