The template requires child element.eslintvue/valid-template-root

这篇具有很好参考价值的文章主要介绍了The template requires child element.eslintvue/valid-template-root。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue.js编程常见错误

刚创建xx.vue组件,就出现红色下划线

The template requires child element.eslintvue/valid-template-root

解决办法

方法一

读懂错误,把英文翻译过来就是,这个模板需要子元素。
你直接在

<template>
<div></div>
</template>

插入就可以解决。

方法二

其实我们的代码没有错误,只是我们开启了ESLint 。
ESLint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,能够很好的执行编码规范,提高项目代码的质量。
它可以提高我们的代码写作规范,但总是报一些小错误。你可以把它关闭。它就不报错。但我认为,我们应该从长远打算,要让自己的代码能力提高,不必关闭它。
Vscode: 关闭Eslint语法检查(多种方式,保证有效)
最后不要吝啬你的赞,你的点赞是我最大动力。The template requires child element.eslintvue/valid-template-root文章来源地址https://www.toymoban.com/news/detail-508222.html

到了这里,关于The template requires child element.eslintvue/valid-template-root的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Failed to execute ‘removeChild‘ on ‘Node‘: The node to be removed is not a child of this node.

    在React项目开发的时候遇到了这种报错,曾经百思不得其解。之前一个表格的时候都是好好的, 但是这次用了tabs切换两个表格之后就出现了这个问题... 发现问题的操作就是:页面刷新之后直接点击tabs默认显示的表格中的某个单元格就直接报错了。 可能是如下报错信息,这个

    2024年02月12日
    浏览(46)
  • 20. Vue-element_template全屏和动态修改组件大小

    直接从 vue-elemten-admin 项目复制过来即可。 1. 提供获取size和修改size的方法 2. 复制组件 1. 直接从 vue-elemten-admin 复制组件 components/Screenfull /src/components/SizeSelect/index.vue /src/views/redirect/index.vue /src/icons/svg/size.svg /src/components/Screenfull/index.vue /src/icons/svg/exit-fullscreen.svg /src/icons/svg/fu

    2024年02月08日
    浏览(39)
  • Component template should contain exactly one root element

    报错的大致意思是:组件的模板应该只能包含一个根元素,也就是是说作为元素的直系儿子的元素只能有一个。报错的goods.vue中的中的内容如下图所示:

    2024年02月15日
    浏览(40)
  • element-template中的element-ui版本升级后不出现el的代码提示

    在开发基于element-template的vue管理系统中,我需要使用到element-ui的描述列表,但是写入代码后没有相关样式。 经过查询资料后发现可能是由于element-ui的版本较低导致, 于是我更新了element-ui的版本至最新 ,然后就出现了该问题 在idea的vue文件中,打代码的时候没有element-ui的代

    2024年02月15日
    浏览(43)
  • slot插槽及Element-ui 中<template slot-scope=“scope“>

    slot-scope=“scope” //取到当前单元格 scope.$index //拿到当前行的index scope.row //拿到当前行的数据对象 scope.row.date //是对象里面的data属性的值 插槽有三种:默认插槽、具名插槽、作用域插槽。 2.1 vue的slot默认插槽、具名插槽 假如一个组件里面需要多个插槽。我们怎么来区分多个

    2024年02月02日
    浏览(51)
  • SSL modules require the OpenSSL library

    背景: 我在源码安装nginx的时候进行 ./configure 构建结果包错,说需要OpenSSL library 1、在有网络的情况下,在线安装 2、在无网络的情况下,下载openssl上传到服务器,在编译的时候指定路径 Openssl 下载地址 这次下载使用openssl-1.0.2k版本 安装完可以将openssl加入到环境变量 在ngi

    2024年02月15日
    浏览(39)
  • ./configure: error: the HTTP rewrite module requires the PCRE library.

    ./configure: error: the HTTP rewrite module requires the PCRE library. 这个错误提示告诉你,在运行 configure 脚本时遇到了问题,原因是 HTTP rewrite 模块需要 PCRE 库的支持。 PCRE (Perl Compatible Regular Expressions) 是一种用来处理正则表达式的库,它主要用于文本搜索和替换。 要解决这个问题,你需

    2024年01月23日
    浏览(43)
  • The Company Requires Superficial StudyPHP 变量的使用 ③

    @作者 : SYFStrive   @博客首页 : HomePage 📜: PHP MYSQL 📌: 个人社区(欢迎大佬们加入) 👉: 社区链接🔗 📌: 觉得文章不错可以点点关注 👉: 专栏连接🔗 👉 VUEJS (🔥) 👉 MYSQL (🔥) 👉 微信小程序 (🔥) 👉 UNIAPP开发 (🔥) 提示:以下是本篇文章正文内容 PHP

    2024年02月11日
    浏览(27)
  • ./configure: error: the HTTP XSLT module requires the libxml2/libx ubuntu

    一直服务器好好的用的宝塔面板,最近换了一台服务器,还是ubuntu系统盘,什么也没有改结果安装完宝塔面板,怎么也装不上nginx,看了下日志,提示: ./configure: error: the HTTP XSLT module requires the libxml2/libxslt librar 解决办法: 用的以上代码一下就好了,特此记录,一下记录是出现

    2024年02月13日
    浏览(48)
  • NotImplementedError: Module is missing the required “forward“ function

    在做中文文本情感分析model类定义的时候报错如下: 有两种可能: 1.重写父类函数时,函数名称写错,我将写成了 最终导致程序报错: 2.def forward函数与def __init__(self,config):一定要对齐。

    2024年02月14日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包