vue3项目写页面时遇到＜template＞标签标红

已于 2023-11-10 16:05:14 修改
阅读量394 收藏
点赞数
文章标签： 前端
于 2023-11-10 15:45:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58149434/article/details/134334698
版权

解决方法：

 找到你的eslint文件，或者找到.eslintrc.cjs文件下的parserOptions属性并添加requireConfigFile: false即可。

如果还不能够解决，那就再添加忽略个别组件命名规则，因为我这项目index.js是入口文件所以我是这样设置的

如果你们是别的页面可以将"index"替换成想要更改的页面即可。

最终结果：

野区小女王
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vite+vue3搭建工程标红报错解决
qq_29579625的博客
01-04 1379
在使用vite+vue3搭建项目工程，在vscode中查看代码时，遇到import文件出现下划线标红，但是又不影响工程的运行，问题解决
vue3+ts引入文件爆红问题
weixin_66582617的博客
02-20 1580
爆红问题，那么在tsconfig.json文件中，将moduleResolution：的值更改为node。解决完后，有可能引入ts文件还会存在爆红问题，当出现爆红的时候如引入的routers.ts爆红，最简单的解决办法就是将后缀的.ts给删除掉。如果觉得删除掉.ts影响感官，那可以查看自己的开发工具是否下载了Vetur插件，如果下载了将他禁用，下载新的插件。安装完成后，将开发工具重新启动，一般就可以解决掉引入爆红问题，如果还没有解决，自求多福，我也没遇到过。在vite-env.d.ts文件中添加以下代码。
Vue.js开发基础
最新发布
weixin_74878822的博客
03-20 1238
使用Vite创建Vue项目后，目录结构中包含一些扩展名为vue的文件，每个vue文件都可用来定义一个单文件组件。Vue中的单文件组件是Vue组件的文件格式。每个单文件组件由模板、样式和逻辑3个部分构成。
Vue组件中，＜template＞标签下面飘红
热爱编程、热爱生活、热爱探索
02-07 963
问题出现的原因是：Babel默认是从更目录查找配置文件的，而我此时并不是，而我此时打开项目的目录是todo-list，而根目录是todo-list的src。今天学习了Vue的组件，但是我使用Vue脚手架搭建了Vue环境，在初始化的项目中出现了一个不和谐的红色。即在todo-list下的src目录下使用。这种方式我没有实践，我用的是方案三。表示禁止配置文件检查。
解决Vue3+Vite+TS创建的项目中‘./App.vue‘标红问题
weixin_53141315的博客
08-02 1892
解决Vue3+Vite+TS创建的项目中'./App.vue'标红问题
《VUE》VSCode编写vue项目文件出现红色波浪线
weixin_30570101的博客
08-29 4697
之前创建项目的时候，把eslint语法检查给装上了，在用vscode编写代码的时候，稍微打个空格，编辑器就出现红色波浪线提示语法错误，这就真的有点恶心了，在网上也找了很多方法，都没有解决到根本问题，索性就自己去设置，试了半天，总算是弄好了，现在分享给大家 红色波浪线出现的地方有两处，一处是js文件（包括script标签内），一处是组件模板 js文件中，在网上看到...
.vue文件中template标签爆红
热爱编程、热爱生活、热爱探索
02-07 2842
记录一个初学者最常见的bug
vue3 ts 挂载全局vscode volar使用飘红
qq_42463315的博客
06-08 634
vue3 ts 挂载全局vscode volar使用飘红
Vue中通过<script></script>引入的Vue.js文件
04-28
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 格式就是： <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的...
vue a标签点击实现赋值方式
12-28
如下所示： v-for=“kf in kefu” function copy_fun(copy){ //参数copy是要复制的文本内容 上面的方法就可用了，亲测可用！ 补充知识：VUE 给类似a标签加点击事件...<div id=app click=end> <input type=button
Vue是怎么渲染template内的标签内容的
01-19
我们在使用Vue做项目时，都会用到脚手架，相应的我们会在template写标签内容。那么你知道为什么会在template写标签吗？这当中经过了怎样的处理呢？ <template> <div id=app> <div id=nav> </div> <router> </...
vite-vue3-template:Vite + Vue3项目模板
03-18
vite-vue3-模板Vue 3 +打字稿+ Vite项目模板
在vue项目中获取的duration属性值为NaN或者undefined.md
11-24
在创建一个vue项目时，获取<video>标签中duration属性值为空或者未定义的情况，针对以上可能出现的两种情况，本文给出作者本人的一些实践成功后的方法。
vue elementUI 使用slot-scope标红
凉酱的博客
05-19 832
加一行注释 <!-- eslint-disable-next-line --> <template slot-scope="scope">
vue 解决slot-scope=“scope“ scope 红色波浪线问题
easyplayers的博客
01-25 528
vue 解决slot-scope="scope" scope 红色波浪线问题
Vue项目中＜template＞标签第一个尖括号下方飘红问题及解决方案
m0_70503110的博客
07-22 3823
Vue项目中标签第一个尖括号下方飘红问题及解决方案
解决vue3+ts+vite项目报红线，提示找不到模块“./XXX.vue”或其相应的类型声明
superwa的博客
09-05 595
问题：vue3+ts+vite项目报红线，不影响使用，但看着不舒服，因为typescript只能理解.ts文件，不能理解.vue文件，所以要给.vue添加类型说明文件。打开src下的.d.ts后缀文件。
vs-code中使用vue-cil脚手架，部分组件中eslint插件报template标签前置＜红色波浪号解决
UVliuwei的博客
02-05 619
vue-cil脚手架中eslint插件报template标签前置
VUE element-ui 之slot-scope=“scope“常见报错解决方法
HanXiaoXi_yeal的博客
04-01 6102
slot-scope="scope"标签报错为eslint检测机制，如图： 只需要加上 显示正常，此处注释为取消下一行eslint检测机制
<template>标签
06-10
`<template>`标签是Vue组件中的模板部分，用于定义组件的结构。在Vue中，一个组件可以包含三个主要部分：模板、脚本和样式。 模板部分是由`<template>`标签包裹的，用于定义组件的结构。我们可以在模板中使用Vue的模板语法来渲染数据、绑定事件等等。例如，下面是一个简单的组件模板： ``` <template> <div> <h1>{{title}}</h1> <p>{{content}}</p> </div> </template> ``` 在这个模板中，我们定义了一个`<div>`元素，其中包含了一个标题和一段内容，这些数据都是通过Vue的模板语法来渲染的。`{{title}}`和`{{content}}`都是Vue的模板语法，表示将组件实例中的`title`和`content`属性渲染到模板中。 需要注意的是，`<template>`标签本身不会被渲染到页面上，它只是用来包裹组件的模板部分。在Vue组件中，模板、脚本和样式是分离的，这样可以使代码更加清晰和易于维护。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值