Vue项目中<template>标签第一个尖括号下方飘红问题及解决方案_<template>间括号飘红-程序员宅基地

技术标签: 前端  vue.js  javascript  

今天学习了怎样对vue项目进行eslint配置,之前写代码都是直接保存时格式化代码,没有特别地设置代码风格,但是在工作中需要统一组员的代码风格,因此eslint的配置是必要的。但是安装相关插件并且配置完成之后却遇到了各种各样的报错:

报错一:格式化代码之后代码结尾总是出现逗号导致报错

遇见这样的报错我就开始找settings.json中的配置,但是我已经配置了句尾没有逗号,但是依旧出现了这样的问题 :

 出现了这样的问题肯定是配置哪里出错了,我就开始排查,原来是.prettierrc配置文件中忘记对句尾逗号进行配置了,加上"trailingComma": "none"配置之后句尾逗号报错即可解决。

 

 报错二:<template>标签第一个尖括号下方飘红

解决完其余报错之后,遇见了最后一个报错,就是vue子组件的template标签第一个尖括号下方飘红,但app.vue父组件却没有出现这样的问题:

 遇见这样的问题我首先想到的是配置出现了问题,就百度了各种解决方案,修改与template相关的配置,但是试了很多种方案都没有解决问题,依旧报错,我就开始查看报错信息,报错信息显示:

 意思是:组件名称“Test”应始终为多字 vue/多字组件名称。我就给Test子组件另外添加了一个name属性:我首先将name属性定义为“test”,template标签的报错解决了,但是test下方直接飘红,报错信息显示:“Component name "text" should always be multi-word ”,意思就是name属性的值必须是多字母组合的,比如用驼峰命名法。将name属性的值修改之后报错全部解决:

 

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_70503110/article/details/125936852

智能推荐

php变量前边下划线_PHP变量名必须以字母或下划线 "_" 开头,不可以用数字开头-程序员宅基地

【单选题】在 3 倍时间常数时,一阶测量系统的阶跃响应可达到稳态值的( )【判断题】组合逻辑电路的分析是指已知逻辑电路图,求解逻辑功能的过程。【填空题】注释是对PHP代码的解释和说明,PHP解释器将忽略备注中的所有文本,( )是以“//”开始,所在行结束时结束。【简答题】什么是中断响应?【单选题】选项( )不能描述测量系统动态特性的特征【简答题】进程PCB通常包括哪..._php中定义变量名第一个可以是下划线吗

java 控件设置宽高_android java代码中设置控件的宽高单位是什么?_冠诚的博客-程序员宅基地

展开全部android中的控e68a84e8a2ad3231313335323631343130323136353331333363373662件如果在xml布局文件中把控件的layout_width和layout_height写成固定值了,好像就不能再在程序中更改该控件的高度和宽度了,不知哪位大侠有何良策可以指教一二,如xml文件内容如下:android:id="@id/dialog_botto...

ubuntu20.04设置静态IP(有线连接和无限连接两种设置方式)_ubuntu20.4终端设置有线网络_天下·第二的博客-程序员宅基地

ubuntu20.04设置静态IP(有线连接和无限连接两种设置方式)1.有线连接打开终端输入:ip addr, 查看网卡,有线网卡:enp1s0,无线网卡:wlp2s0进入目录:cd /etc/netplan/,终端输入:sudo vi 01-network-manager-all.yaml,编辑:wq保存退出,应用设置,在终端输入:sudo netplan apply2.无线连接在Ubuntu桌面上配置静态IP地址在“活动”屏幕中,搜索“设置”,然后单击图标。这将打开GNOME设_ubuntu20.4终端设置有线网络

【OS】什么是YUM?如何配置本地YUM源?-程序员宅基地

【OS】什么是YUM?如何配置本地YUM源? 在Linux上安装Oracle数据库的时候常常需要安装一些系统RPM包,但是这些包一般都存在依赖..._什么叫本地yum源

ubuntu server版本没有声音_ubuntu server 没有声音-程序员宅基地

在ubuntu14.04 的server版本上安装桌面、浏览器等一切使用正常,播放视频时发现没有声音,下载了smplayer视频播放器发现也没有声音,推测是声卡驱动问题,被折磨了两天的时间,以下是解决方案。1. 系统:ubuntu14.04 server版本2. 问题:没有声音,无论是在浏览器、视频播放器或spicy客户端链接的实例里面播放的视频都没有声音3. ..._ubuntu server 没有声音

题解 | #找出字符串中第一个只出现一次的字符#-程序员宅基地

强引用,软引用,弱引用和虚。(好像实习的时间填错了,还忘了更新最新的简历,有点尴尬[笑cry])3、问了一个实习的项目,做了些啥,有啥难点。很突然,昨天刚写完海信的笔试,今天早上突然接到电话,问有没有时间,直接就开始专业面了,也比较简单没问八股,都是很常规的问题。杭州一个 eda 软件公司,C++岗位,被面试官拷打到体无完肤,自己基础还是太薄弱了呜呜。感觉自己的秋招最近到攻坚期了,笔试测评做了无数个,面试也都面得有些麻木了,至今还是0offer,在牛客上开个记录吧,希望能振奋振奋精神,重新上路。

随便推点

淮北师范大学的计算机类怎么分专业,2019淮北师范大学专业排名-程序员宅基地

淮北师范大学位于全国文明城市、国家园林城市安徽省淮北市,是一所多科性省属重点大学。1978年12月经国务院批准,定名为淮北煤炭师范学院,隶属原煤炭工业部,面向全国招生。1998年9月实行“中央与地方共建,以安徽省管理为主”的管理体制。下面是学习啦小编给大家带来的淮北师范大学专业排名,供大家参考!淮北师范大学王牌专业名单国家级特色专业(5个):汉语言文学(师范类)、计算机科学与技术、数学与应用数学(...

公共安全服务的隐形武器——公安共享服务平台解决方案_公共安全情况监测服务-程序员宅基地

公共安全服务的隐形武器——公安共享服务平台解决方案_公共安全情况监测服务

二叉树的创建(先序创建的)及先序遍历 中序遍历 后序遍历的递归和非递归实现-程序员宅基地

1.首先是关于二树结点的设计typedefstruct TreeNode *PtrToNode;typedef PtrToNode BinTree;struct TreeNode{ char data;// 结点数据,假设是字符 BinTree left; // 指向左子树 BinTree right; // 指向右子树};

SHAP值:用博弈论的概念解释一个模型_deephub的博客-程序员宅基地

在越来越多的领域中机器学习模型已开始需要更高的标准, 例如模型预测中公司需要对模型产生的任何虚假预测负责。 有了这种转变,可以说模型的可解释性已经比预测能力具有更高的优先级。 诸如准确率和R2分数之类的指标已经排在了后面,而能够解释模型预测变得越来越重要。 我们研究了几种方法来解释的模型,并更好地了解它们的工作方式。 在这里,我们将研究SHAP值,这是一种解释来自机器学习模型的预测的有效方法。SHAP —表示SHapley Additive ExPlanations是一种解释来自机器学习模型的单个预测的方

Python薪资高到没朋友,这些相关技能你掌握了吗?_入门快薪资高的技术-程序员宅基地

正如麦肯锡所说,数据已经渗透到现在的每一个行业中,成为重要的生产因素。各大公司对数据的重视度与日俱增,而随之一同增长的还有就业市场对数据分析和机器学习领域人才的强大需求。Python的热度一直居高不下,在其应用中,数据分析较为容易快速入门,并能获得相当不错的薪资。但结合目前的就业趋势,单一方向的Python岗位已经接近饱和,所以仅仅会使用Python进行数据分析是万万不够的,市场需要更加全能的人..._入门快薪资高的技术

@color/colorPrimary @color/colorPrimaryDark @color/colorAccent not found-程序员宅基地

将@color改为?android:attr<?xml version="1.0" encoding="utf-8"?><resources> <!-- Base application theme. --> <style name="AppTheme_" parent="Theme.AppCompat.Light.NoAction..._@color/colorprimary