Vue项目中<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

智能推荐

我真的会哭死,有了这份大屏配色方案,再也不用熬夜加班啦!_大屏数据管理配色-程序员宅基地

文章浏览阅读268次。这不马上半年度汇报了,感觉分分钟陷入了焦虑中,怎么汇报既能讲清数据又能看起来高大上呢?一位粉丝在后台留言和我说,我想了想,只有这个方法最合理!以大屏+可视化结合的半年度计划完成情况看板可以轻松搞定汇报。“但是看板不是一般只有程序员才能做吗?技术有难度,还费时间,咋办?这个我早替你考虑好啦,现在早就有用低代码工具来做看板的,我自己用的就是FinVis大屏打造工具,个人使用免费,属于是打工人的宝藏工具之一!下面,我给你展示一下我前前东家做的年度计划完成情况监控看板(数据都已经改)。_大屏数据管理配色

Leetcode 78. 子集 C++ 回溯法_回溯法求数组的子数组-程序员宅基地

文章浏览阅读452次。题目描述给定一组不含重复元素的整数数组 nums,返回该数组所有可能的子集(幂集)。说明:解集不能包含重复的子集。示例:输入: nums = [1,2,3]输出:[ [3], [1], [2], [1,2,3], [1,3], [2,3], [1,2], []]思路使用回溯法。解答class Solution {public: ve..._回溯法求数组的子数组

基于matlab的音频信号低通滤波实验_低通滤波处理例题-程序员宅基地

文章浏览阅读2.5w次,点赞57次,收藏394次。任务:1、录制语音信号,查看其时域频谱图。2、加入高频噪声信号,并查看其时域频谱图。3、设计低通滤波器,将带有高频噪声的语音信号经过低通滤波器,将噪声滤除,查看其输出时域频谱图。使用仿真软件为matlab2016a_低通滤波处理例题

LongAdder源码分析_longadder重置-程序员宅基地

文章浏览阅读95次。LongAdder_longadder重置

Node.Js fs模块文件操作(三)_fs.watch 和 fs.watchfile-程序员宅基地

文章浏览阅读4.7k次。三、Node.Js 文件或目录监视1.fs.watchFile(filename, [options], listener);对文件进行监视,并且在监视到文件被修改时执行处理/** * filename, 完整路径及文件名; * [options], persistent true表示持续监视,不退出程序;interval 单位毫秒,表示每隔多少毫秒监视一次文件 * l_fs.watch 和 fs.watchfile

第九周 项目三 分数类中的运算符重载(续)-程序员宅基地

文章浏览阅读331次。问题及代码:运行结果:

随便推点

智慧校园数据可视化有什么好处?怎么推进数字化校园方案?-程序员宅基地

文章浏览阅读692次,点赞5次,收藏4次。智慧校园是通过运用互联网、大数据、人工智能等尖端技术,对校园内部各类信息进行搜集、整合、分析和应用的过程。其目的在于实现教学、管理、服务等多个方面的智能化、高效化和便捷化,从而提升学校的教学质量和整体办学水平,打造一个现代化的校园环境。

分享低成本非隔离PWM控制AC-DC开关芯片 YB5011_小功率ac-dc电源非隔离ic-程序员宅基地

文章浏览阅读508次。YB5011系列高性能低成本非隔离PWM控制AC-DC开关IC_小功率ac-dc电源非隔离ic

不止背锅!互联网大厂的运维都在干什么?30K的总监来告诉你_大厂业务运维方案-程序员宅基地

文章浏览阅读2.9k次,点赞4次,收藏19次。任何工作任何岗位,有5K的,也有30K的,运维也不例外。互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。运维人员对公司互联网业务所依赖的基础设施、基础服务、线上业务进行稳定性加强,进行日常巡检发现服务可能存在的隐患,对整体架构进行优化以屏蔽常见的运行故障,多数据中接入提高业务的容灾能力。通过监控、日..._大厂业务运维方案

填坑:Windows下使用OpenSSL生成自签证书(很简单,一个晚上搞明白的,让后来者少走弯路)_ssl: error:06065064-程序员宅基地

文章浏览阅读799次。最近在学习中发现openssl 中有个坑,所有的教程都是openssl genrsa -des3 -out private.key 1024,但是产生的证书,npm start 之后就报错如下:error:06065064:digital envelope routines:EVP_DecryptFinal_ex:bad decrypt嗦了一个晚上,似乎只要把加密方式-des3取消之后,问..._ssl: error:06065064

iOS 模糊效果的几种实现方法_ios开发 设置view模糊效果-程序员宅基地

文章浏览阅读1.3k次。1.首先得把界面转化成图片,给uiview加一个类目如下:#import "UIView+Screen.h"@implementation UIView (Screen)//截取界面转化成图片-(UIImage *)convertViewToImage{UIGraphicsBeginImageContext(self.bounds.size);[self drawVie_ios开发 设置view模糊效果

ES数据的操作(一)_控制台如何输出调用es的参数-程序员宅基地

文章浏览阅读233次。在知道ES的存储之后,我们需要了解如何对ES中的数据进行操作一:ES的安装:Elastic 需要 Java 8 环境。如果你的机器还没安装 Java,可以参考这篇文章,注意要保证环境变量JAVA_HOME正确设置。安装完 Java,就可以跟着官方文档安装 Elastic。直接下载压缩包比较简单。可以通过两种方式对数据进行操作1.curl操作:会比较麻烦,先使用这种方式增删改查2.Kibana操作ES: 提供简化的工具..._控制台如何输出调用es的参数

推荐文章

热门文章

相关标签