vscode使用vue3 setup语法引入组件时波浪线问题

最新推荐文章于 2024-09-01 16:09:02 发布
最新推荐文章于 2024-09-01 16:09:02 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： 前端 html 文章标签： vscode 编辑器 ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/segegefe/article/details/123367845
版权
前端 同时被 2 个专栏收录
45 篇文章 3 订阅
订阅专栏
html
45 篇文章 0 订阅
订阅专栏

最近在玩vue3+ts，编辑器用vscode。现在vue3已经默认启用setup语法了，看来已经从实验性质变成正式语法了。

但是引入组件时候vscode波浪线飘红很烦。

后来在README.md中看到让用Volar, 果断装一个

再把之前的Vetur 禁用掉，波浪线解除，完美！！！

segegefe
关注
专栏目录
在vue3-cli的语法糖中使用props传递复杂类型的数据
Yosola的博客
01-18 4179
1.首先新建一个页面index.vue和一个组件child.vue。 2.在搭建好基础模块后开始引入组件。 <template> <div> <child></child> </div> </template> <script lang="ts" setup> import child from '@/components/children/child.vue' </script>
Vue3.0之.vue文件出现红色波浪线
小楠子的博客
08-25 8417
在我们使用Vue3.0构建项目之后我们会发现.vue文件中出现了红色波浪线的检测提示问题。 这里是因为我们用的Vetur插件的template模板检测没有对Vue3.0做兼容,所以需要我们手动去关掉template模板检测。 找到VSCode的设置里面的Vetur中的template，取消选中即可解决红色波浪线报错问题。 ...
vue3语法糖setup中使用vscode打开，满屏红线报错，‘xxx‘ is declared but its value is never read. Vetur(6133)，解决方法
qq_18798149的博客
09-28 6522
编写vue3代码的时候，引入的组件和定义的变量，在vscode中会出现红色波浪线，虽然不影响运行，但是看着很别扭，应该怎么处理那
Vue3 中导入和使用组件(.vue文件)
weixin_43143635的博客
09-01 2435
在 Vue 3 中，导入和使用组件的方式取决于你使用的组件书写和组织方式。
vue3项目，使用语法糖setup时引入的组件，在vscode中会出现红色波浪线提示
tnb_ml的博客
04-11 2007
解决办法：其实就是vetur这个插件不支持vue3的setup语法糖的写法格式了，你只需要停掉现有的vetur，再去下载Vue Language Features和TypeScript Vue Plugin，第一个是支持vue3的标准语法的，第二个是针对ts的，都安装后，重启vscode即可。引入的组件和定义的变量，在vscode中会出现红色波浪线，运行没有问题，但是看着很别扭。
vue3.x项目中，出现红色波浪线问题
weixin_44759289的博客
03-02 7314
在vue3.x项目中出现红色波浪线问题一般有以下几种情况： 1、引入错误：当前引入的组件或者api不存在 2、组件和api存在正常的情况下，还出现红色波浪线，如下： 这种情况是eslint引起的，你可以再VScode中关闭eslint校验，另外一种情况是你的项目必须是独立存在于一个VSCODE中的，不允许有叠加项目，不然编译器就会将其解析成其他的版本，你引入的是Vue3.x版本，但是编译器可能会解析成Vue2.x版本，就会出现不识别vue3语法的问题，出现以上的红色波浪线。 ...
vue3结合ts，导入vue项目文件，代码出现红色波浪线
Yujis的博客
03-16 1万+
问题如下： 报错原因：ts识别不出.vue文件！ 解决方案如下: 在根目录下面添加一个xxx.d.ts文件， declare module '*vue' { import { ComponentOptions } from "vue"; const ComponentOptions: ComponentOptions export default ComponentOptions } 添加完文件之后，可能还会出现报错的红色波浪线，需要把这个xxx.d.ts文件打开一下，报错就没有了
vue3中，openlayers如何在两点之间绘制波浪线，要求使用<script setup>语法
09-14
在 Vue3 中使用 `script setup` 语法，并配合 OpenLayers 来在两点之间绘制波浪线，首先你需要安装 OpenLayers 和相关的依赖。然后可以这样做： ```html ; height: 600px;"> <script setup> import { div } ...
vscode使用<script setup lang="ts">代码出现红色波浪线
07-17
在使用 `<script setup>` 时，有几个常见的原因可能导致出现红色波浪线： 1. 缺少必要的插件或扩展：确保你已经安装了支持 TypeScript 的插件，比如 "Vetur" 或 "TypeScript"。你可以在 VS Code 的扩展商店中搜索并...
vue3中，openlayers如何在两点之间生成一条波浪线，要求使用<script setup>语法，不需要拖拽
最新发布
09-14
在Vue3中使用OpenLayers和`<script setup>`语法来创建两点之间的波浪线路径，你可以利用OpenLayers的Path模块以及一些自定义的数学函数来模拟波浪效果。首先确保你已经安装了OpenLayers库，并引入到项目中。 ```...
VUE3 插件的开发和使用
m0_49515138的博客
02-07 5573
传统的 Webpack 可以用来构建 npm 包文件，但按照目前更主流的技术选项，编译结果更干净更迷的当属 Rollup ，但 Rollup 需要配置很多插件功能，这对于刚接触包开发的开发者来说学习成本比较高，而 Vite 的出现则解决了这个难题，因为 Vite 的底层是基于 Rollup 来完成构建，上层则简化了很多配置上的问题，因此接下来将使用 Vite 来带领开发者入门 npm 包的开发。的新声明 (.d.ts) 文件 ts(7016)
Vue3中setup函数、以及父子组件传值讲解
weixin_44860226的博客
06-06 3086
在父组件中绑定自定义函数@get-message，在子组件中通过defineEmits编译器宏生成emit方法，defineEmits函数里面接收一个数组，数组内部，接收子组件得到名字，然后调用emit方法就可以向父组件中传递变量了，emit函数第一个参数为函数名，第二个参数为变量。子组件中通过defineProps函数来接父组件传来的变量，并且这个函数不需要引入就可以直接使用。在script标签内部，写上setup，这样的话就不用将变量和方法名return出去了。子组件通过emit给父组件传值。
vue中，@import 后面的波浪号~ 代表什么意思
态度决定一切
06-05 7496
常常会在vue项目中看到这样的情形： @import '../../../../assets/css/varibles.scss' 可以简写为以下： @import '~@/assets/css/varibles.scss' 这里的~符号。表示后面的值为alias, 然后就会去 build/webpack.base.conf.js的alias配置中找相应的值, 然后拼接成...
Vue3 项目中 vue文件出现大面积爆红问题
kiku
08-15 5572
问题 在VS Code中 .vue 会出现了很多红色波浪线，说名称找不到。 找不到名称“ElConfigProvider”。ts(2304) JSX 元素“any”没有相应的结束标记。ts(17008) ... 原因 volar 版本更新问题 初步判断发现应该是我的 volar 似乎不起作用了，在 .vue文件中出现了很多红线，提示是 ts 的问题。 我把另一个电脑的vscode 更新后插件没有更新（需要重新加载）此时一切正常，当我重新把插件加载更新后，就出现了爆红问题，与是否同时加载了多个项目无关 离
vue3-setup语法糖 - 父子组件之间的传值
热门推荐
weixin_48927323的博客
06-27 5万+
近期学习 vue3 的父子组件之间的传值，发现跟vue2的并没有太大的区别，然后发现网络上很少基于setup语法糖的教程，我这边总结一下，希望对大家有所帮助。  父组件向子组件传值的时候，子组件是通过props来接收的，然后以变量的形式将props传递到setup语法糖果中使用（defineEmits的到来！）。如下图所示： 2、子组件接收方式和使用 3、效果图 vue3中子组件向父组件传递值和vue2.x的区别是vue2.x使用的是 $emit 而vue3使用的是emit，它们的传值一样
vue3使用setup语法糖时vscode组件标红问题
12-26 1236
发现标红，虽然代码不报错，但是看着很难受。
vue3 setup语法糖写法组件之间的传值
qq_40596257的博客
03-06 1968
vue3 setup语法糖写法组件之间的传值
vscode的vue3开发的时候script标签有蓝色波浪线
fury的博客
11-01 1617
在script的标签写上 lang='ts'就行了。
vue3+vite项目配置ESlint、pritter插件
咚の窝
09-13 9699
入行前端工作将近两年多时间了（如果算上实习），从一开始vue2入门，到现在vue3前端变化是真的快，刚了解webpack搭建项目流程，vite又横空出世，不得不说前端变化真的太快了，所以只有不停的学习才能跟得上大佬们的脚步；废话不多说，进入正题，由于公司的领导要求前端要有自己的脚手架项目，能拿过来就用，所以想着基于vite+vue3搭建一套基础的项目，但是想用在其他地方感觉通用性不强，所以打算做成一个集成系统，就是把工作中平时用到的技术剥离业务，做成一个demo演示系统，至于想即开即用，目前没有能力做这个脚
vscode vue3红色波浪线
08-18
否则，编译器可能会将其解析成其他版本，导致不识别Vue3语法的问题，从而出现红色波浪线。<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用[.reference_title] - *1* [vue3.x项目中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值