vs-code中使用vue-cil脚手架，部分组件中eslint插件报template标签前置＜红色波浪号解决

最新推荐文章于 2023-11-10 15:45:50 发布
最新推荐文章于 2023-11-10 15:45:50 发布
阅读量665 收藏 2
点赞数
分类专栏： vue 文章标签： vue.js 前端 前端框架 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/UVliuwei/article/details/128890295
版权
在使用 Vue CLI 和 VS Code 的情况下，当安装并配置 Eslint 插件后，新组件的 template 标签前会出现红色波浪线错误，原因是 eslint 的 vue/multi-word-component-names 规则冲突。为解决这个问题，需要修改 .eslintrc.js 文件的 rules，禁止或调整该规则以避免组件名检查。
摘要由CSDN通过智能技术生成

vs-code安装完eslint插件并且配置完后，在创建新组件的时候，eslint插件报template标签前置<红色波浪号错误，造成这个原因是因为eslint规范语法问题

最低0.47元/天 解锁文章
自学前端啥时候是个头
关注
专栏目录
Vue--》超详细教程——vue-cli脚手架的搭建与使用
ztK63LrD的博客
11-14 4633
它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack，从而目标只需专注在撰写项目应用上。，基于vue-cli这个系统，我们就可以快速搭建好“（英文名：Singleagepplication）简称SPA，顾名思义指的是，所有的功能与交互都在这唯一的一个页面内完成。
vue中组件的props属性（详）
蜗牛~~
10-28 17万+
今天这篇文章，让你彻底学会props属性…… props主要用于组件的传值，他的工作就是为了接收外面传过来的数据，与data、el、ref是一个级别的配置项。
vue项目中template出现红色波浪线
qq_43352452的博客
02-23 560
vue中的template红色波浪线问题
解决创建Vue项目出现template下方有红色波浪错误
ck2018182068的博客
01-24 1748
报错提示 No Babel config file detected for +路径名
vue template中使用＜eslint会报错
weixin_44233592的博客
04-14 987
解决方案：不要在span中用{{}}方式，用v-text或者v-html即可
解决eslint配置导致vue template 报错
hongkid的专栏
07-15 7242
背景： 项目使用eslint-config-elemefe，饿了么的eslint配置。按官网提示配置.eslintrc，内容是{"extends": "elemefe"}，packet.json添加 "eslint": "4.14.0", "eslint-config-elemefe": "0.1.1", "eslint-loader": "^1.9.0", "eslint-plugin...
复制别的组件内容，当前页面出现红色波浪线 Cannot find name ‘template‘
dmmyouyouid的博客
08-22 533
复制别的组件内容，当前页面出现红色波浪线 Cannot find name ‘template‘
关于template标签用法总结(含vue中的用法总结)
热门推荐
最初的梦想
09-02 23万+
文章目录html5中的template标签template标签操作的属性和方法vue中的template html5中的template标签 html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 <!--当前页面只显示"我是自定义表现abc"这个内容，不...
vue填坑之template模板中使用v-for报错
xuxinwen32的博客
03-07 1万+
假如我们想for循环的数据放在template中进行渲染，那么执行的时候就会报错 每隔一段时间不定期更新中，本人菜鸟一枚，希望在vue填坑的路上能帮助到大家，有疑问欢迎留言··· 参考文章：https://www.cnblogs.com/jennydtt/p/10277493.html 将v-for放在其它的标签上面就没有这个问题 ...
Vue项目关闭esLint 代码爆红（红色波浪线）
AnnQAQ的博客
04-05 2412
vue关闭eslint语法检查
创建Vue项目时template，const红色提示
qq_53567947的博客
03-31 497
强迫症福音，去除Vue可编译但是出现红色报错提示
vue项目首行红色波浪线
Ice1774的博客
03-01 407
Vscode打开vue文件出现红色波浪线解决方案：_vscode_要成为光的女人-DevPress官方社区 (csdn.net)
VSCode--vue模板--ESLint格式
CX0330的博客
07-31 300
{ "生成vue模板": { "prefix": "vue", "body": [ "<template>" " <div>" " </div>" "</template> " "<script>" //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等） //例如：import《组件名称》from'《组件路径》'; "expo...
关于vue文件中template标签尖括号下的红波浪线问题
m0_67618474的博客
05-25 4522
首先，vscode今天突然出现这个问题，所有的template标签都被标红 ​​​​​​​​​​​​​​ 查找百度说修改.eslintrc.js的数据 在其中的parserOptions对象中添加"requireConfigFile":false 添加完成后发...
.vue文件中template标签爆红
热爱编程、热爱生活、热爱探索
02-07 3047
记录一个初学者最常见的bug
处理项目中的ESLint语法报错
qq_41549657的博客
05-13 2513
1.在项目中添加.prettierrc文件，文件内容如下： { "semi":false,//代码行的末尾不加分号 "singleQuote":true//启用单引号的格式方式 } 格式化代码快捷键为：Alt+Shift+F 2.如果想要禁用小括号之前需要有空格的语法检验，则需要在.eslintrc.js文件的rules规则中添加： 'space-before-function-paren':0//禁用这个规则 ...
vue3 + vite + ts 在template的大括号中出现波浪线解决
weixin_62419882的博客
10-18 171
template 大括号中 出现红色波浪线。加上setup 后 波浪线 就消失了。
vue3项目写页面时遇到＜template＞标签标红
最新发布
weixin_58149434的博客
11-10 538
解决template标签标红
解决Vue中Element-UI组件使用常见问题
"关于在Vue项目中使用Element-UI框架时可能遇到的问题及解决方案的文档" Element-UI是基于Vue.js的一个流行前端组件库，提供了丰富的UI组件，如表格、按钮、下拉菜单等，用于快速构建美观的企业级前端应用。在实际...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

自学前端啥时候是个头

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值