vue中eslint报Disallow self-closing on HTML void elements格式错误时的解决方案

最新推荐文章于 2024-05-21 20:53:37 发布

高高baby

最新推荐文章于 2024-05-21 20:53:37 发布

阅读量3.2k

点赞数 4

文章标签： es6 vue 前端

本文链接：https://blog.csdn.net/gaoyan426926/article/details/123835600

版权

当vue中eslint报Disallow self-closing on HTML void elements格式错误时

我们需要在eslint中的rules里配置

    'vue/html-self-closing': [
      'error',
      {
        html: {
          void: 'always',
          normal: 'never',
          component: 'always'
        },
        svg: 'always',
        math: 'always'
      }
    ],

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

高高baby

关注关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

warning: Require self-closing on Vue.js custom components

郭宝的博客

05-28

1万+

错误提示： 2 warnings found. 2 warnings potentially fixable with the `--fix` option. Module Warning (from ./node_modules/eslint-loader/index.js): warning: Require self-closing on Vue.js custom component...

eslint对html的检测,vue项目中使用eslint+prettier规范与检查代码的方法

weixin_36078354的博客

06-07

3845

1.前言在团队协作中，为避免低级 Bug、以及团队协作时不同代码风格对彼此造成的困扰与影响，会预先制定编码规范。使用 Lint 工具和代码风格检测工具，则可以辅助编码规范执行，有效控制代码质量。EsLint 则是其中一个很好的工具。EsLint 提供以下支持：ES6AngularJSJSXStyle 检查自定义错误和提示EsLint 提供以下几种校验：语法错误校验不重要或丢失的标点符号，如分号未被...

1 条评论您还未登录，请先登录后发表或查看评论

Disallow self-closing on HTML void elements

xiaojinglyd的博客

12-16

5095

环境： vue cli 3.0初始化带有eslint项目触发位置： <img class="avatar" :src="photoUrl" alt="avatar" /> 解决：报错内容是：不允许对HTML void元素进行自动关闭方法一： <img class="avatar" :src="photoUrl" alt="avatar"> 方法二：修改文件.es...

vue项目报错：warning Disallow self-closing on HTML void elements (＜img/＞)

南北极之间

11-02

6580

在rule里面加一个规则： "vue/html-self-closing" rules: { "no-unused-vars":"off", "vue/html-self-closing": ["error", { "html": { "void": "always", "normal": "never", "component": "alw

对于vue项目中报Disallow self-closing on HTML void elements格式错误时的解决方案

weixin_42466185的博客

12-12

2916

该错误为eslint自身所带规则，即虽然双标签和自闭合的单标签在项目中都是有效的，但是严格意义来说，在HTML的书写规范中是不支持的。找到.eslint.js文件，在rules规则中加入如下代码，来阻止报错。

eslint规则之vue/html-self-closing

热门推荐

Amy的博客

07-19

4万+

项目环境及编辑器项目框架：vue iview 编辑器：vscode 错误提示见下图：[vue/no-parsing-error] Parsing error: x-invalid-end-tag. 原因 Col components are wrong in eslint-plugin-vue 解决办法以下三种办法都能搜出来，这里做个总结以及记录遇到的问题：作者给出的办法关闭...

【问题处理】warning Require self-closing on HTML elements (div) vue html-self-closing

且心的专栏

05-25

8225

问题（编译警告） [1] 101:7 warning Require self-closing on HTML elements (<div>) vue/html-self-closing 原因格式问题处理 <div ref="echart" class="chart" > </div> 改为 <div ref="echart" class="chart" /> ...

self-closing

denghuocc

07-23

1018

错误提示 :warning: Require self-closing on Vue.js custom components (<el-input>) (vue/html-self-closing) at src\views\news\edit.vue:27:21: 错误代码<el-input v-model="postForm.imgUrl" placeholder=...

关于nuxt报错Require self-closing on HTML elements (<div>) vue/html-self-closing的解决方法

weixin_30613433的博客

01-18

2410

首先找到.eslintrc.js文件然后在rules中添加以下配置 "vue/html-self-closing": ["error",{ "html": { "void": "never", "normal": "any", "component": "any" }, "svg"...

iview中的Col在vue/html-self-closing中识别错误

weixin_34191845的博客

03-27

1264

eslint-plugin-vue v5.2.2 目前只能使用i-col替代 <Row>  <Col></Col> ...

关于nuxt报错Require self-closing on HTML elements (＜div＞) vue/html-self-closing的解决方法

w36680130的博客

11-08

1053

关于nuxt报错Require self-closing on HTML elements (<div>) vue/html-self-closing的解决方法

vue中Require self-closing on Vue.js custom components的解决方法

qq_39237850的博客

04-27

1万+

1、找到.eslintrc.js这个文件 2、然后再rules中添加如下配置 "vue/html-self-closing": ["error",{ "html": { "void": "never", "normal": "any", "component": "any" }, "svg": "always", ...

HTML自闭合(self-closing)标签

云淡风轻

03-07

2万+

HTML(5) 不要求标签自闭合

大爱无疆的博客

11-30

2565

XHTML教导我们，标签都是要闭合的，不能包含子元素的标签需要自闭合。但HTML5是没有这个要求的，所有HTML中都没这个要求，是XHTML将这门松散的语言变得严格起来。XHTML诸多严格，包括标签都要闭合，包括tagName和属性都要小写等。 HTML 第一版追溯HTML的元祖第一版，就是不要求自闭合的，如下的一段用法就表明了其的松散随意 1 2 3 4

HTML5自闭合（self-closing）标签汇总、以及末尾的斜杠问题的官方说明

时间飞逝的博客

06-20

9960

HTML5规范声明：在HTML5的规范中，自闭合标签不需要加斜杠，但是兼容加斜杠的写法； XHTML严格要求自闭合标签中必须加斜杠；自闭标签及其官方说明： <br> 插入一个简单的换行符，标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。 <hr> 创建一条水平线，在HTML中，<hr> 没有结束标...