Require self-closing on Vue.js custom components

最新推荐文章于 2024-07-05 02:31:23 发布
最新推荐文章于 2024-07-05 02:31:23 发布
阅读量2.3w 收藏
点赞数 3
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40514790/article/details/86512575
版权

最近vue的标签遇到了小问题，目前解决办法是通过将<div></div>改写成这种<div/>形式解决的，有更详细更好的处理手段，希望能指点一下

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...
Vue 官方笔记--组件
小菜的博客
07-24 3053
中文版(英文浓缩) 组件是什么？ 组件：具有预定义选项的实例 组件是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用 通过 prop ，我们可以实现父子组件之间的解耦，有了属性，子组件中就可以使用更为复杂的模板和逻辑，比如如下 <!-- 复制到 html 中可以直接运行哦，看看是什么结果吧 --> <div id="main"> <ol> <!-- 子组件 --> <todo-item v-for=
[报错] Require self-closing on Vue.js custom components
qq_14993591的博客
04-04 2507
如果组件里没有其他组件或内容，做单标签闭合就可以了。
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", ...
使用ESlint警告：Require self-closing on Vue.js custom components (＜el-table-column＞)报错解决
sunberryL的博客
07-23 6550
解决方式：配置eslintrc.js;添加配置内容如下： "vue/html-self-closing": ["error", { "html": { "void": "never", "normal": "any", "component": "any" }, "svg": "always", "math": "al
vue3搭建移动端项目(2)-eslint配置
weixin_40220492的博客
08-14 829
vue3搭建移动端项目(2)-eslint配置
vue项目中使用eslint
xxitcef的博客
11-09 929
1、安装 @vue/cli-plugin-eslint babel-eslint eslint eslint-plugin-vue 2.项目根目录添加.eslintrc.js module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: true, es6: true
从零搭建 Vue3 + VIte + Ts 项目 —— 并集成eslint 、prettier
2301_82244509的博客
07-05 1486
/ 新增// 对某些文件进行单独配置（这里针对 TypeScript 文件）files: [‘.ts’, 'rules: {‘no-undef’: ‘off’, // 在 TypeScript 中没有必要使用 no-undef 规则},},],// 自定义规则rules: {// 函数的复杂度是指函数中控制流程的复杂程度，例如条件语句、循环语句、嵌套等。复杂度越高，函数的可读性和可维护性可能越差。
关于nuxt报错Require self-closing on HTML elements (「div」) vue/html-self-closing的解决方法
dearbaba_8520的博客
07-07 1545
关于nuxt报错Require self-closing on HTML elements (<div>) vue/html-self-closing的解决方法
关于nuxt报错Require self-closing on HTML elements (<div>) vue/html-self-closing的解决方法
weixin_30613433的博客
01-18 2545
首先找到.eslintrc.js文件 然后在rules中添加以下配置 "vue/html-self-closing": ["error",{ "html": { "void": "never", "normal": "any", "component": "any" }, "svg"...
Nuxt3 中使用 ESLint
Vinca@的博客
05-29 1693
使用该命令安装的同时会给依赖、内置模块同时更新启动您的 Nuxt 应用程序一旦启动你的项目，将会在您的项目根目录下生成一个文件 --> eslint.config.mjs ， 可以根据需要对其进行自定义。该模块专为新的 ESLint 平面配置格式而设计，是自 ESLint v9 以来的默认格式。
Vue2-组件，组件的使用及注意点，组件嵌套，VueComponent构造函数，单文件组件
weixin_56498069的博客
08-14 1586
Vue2-组件，组件的使用及注意点，组件嵌套，VueComponent构造函数，单文件组件
Disallow self-closing on HTML void elements
xiaojinglyd的博客
12-16 5174
环境： vue cli 3.0初始化带有eslint项目 触发位置： <img class="avatar" :src="photoUrl" alt="avatar" /> 解决： 报错内容是：不允许对HTML void元素进行自动关闭 方法一： <img class="avatar" :src="photoUrl" alt="avatar"> 方法二： 修改文件.es...
vue.js 的学习
weixin_34396902的博客
08-27 3594
⭐️
HTML(5) 不要求标签自闭合
大爱无疆的博客
11-30 2614
XHTML教导我们，标签都是要闭合的，不能包含子元素的标签需要自闭合。但HTML5是没有这个要求的，所有HTML中都没这个要求，是XHTML将这门松散的语言变得严格起来。XHTML诸多严格，包括标签都要闭合，包括tagName和属性都要小写等。 HTML 第一版 追溯HTML的元祖第一版，就是不要求自闭合的，如下的一段用法就表明了其的松散随意 1 2 3 4
HTML自闭合(self-closing)标签
热门推荐
云淡风轻
03-07 2万+
<meta>标签:设置页面元信息的 <base>:设置网页所有链接的相对目录(如根目录)的 <br>:换行 <hr>:水平线 <img>:图像 <input>:表单元素 <col>:在表格table中定义一个或多个列的属性 <frame>:定义框架的一个窗口（已遗弃） <link>:定义文档与外部资源的关系的链接 <area>: 标签定义图像映射内部的区域（图像映射指的是带有可点击
HTML5自闭合（self-closing）标签汇总、以及末尾的斜杠问题的官方说明
时间飞逝的博客
06-20 1万+
HTML5规范声明： 在HTML5的规范中，自闭合标签不需要加斜杠，但是兼容加斜杠的写法； XHTML严格要求自闭合标签中必须加斜杠； 自闭标签及其官方说明： <br> 插入一个简单的换行符，标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。 <hr> 创建一条水平线，在HTML中，<hr> 没有结束标...
error Require self-closing on HTML elements (<div>)
最新发布
12-13
这个错误提示"Require self-closing on HTML elements (<div>)"通常出现在使用JSX（JavaScript XML）语法时，特别是在React开发中。JSX是对JavaScript的语法扩展，它看起来像XML/HTML，但实际上会被编译成JavaScript。 在JSX中，所有元素都必须显式地闭合，这与HTML有所不同。具体来说： 1. 对于非自闭合的HTML元素（如<div>、<span>等），你必须使用完整的闭合标签，例如：<div></div>。 2. 对于自闭合的HTML元素（如<img>、<br>等），你必须使用自闭合语法，例如：<img src="..." /> 这个错误提示通常是因为在JSX中使用了类似HTML的写法，例如： ```jsx <div> <p>Some content</p> ``` 而正确的JSX写法应该是： ```jsx <div> <p>Some content</p> </div> ``` 或者对于自闭合标签： ```jsx <img src="..." /> ``` 解决方法： 1. 确保所有非自闭合标签都有对应的闭合标签。 2. 对于自闭合标签，使用斜杠进行自闭合。 3. 检查是否有遗漏的闭合标签或多余的未闭合标签。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值