vue3项目，使用语法糖setup时引入的组件，在vscode中会出现红色波浪线提示

最新推荐文章于 2025-01-08 00:26:36 发布
最新推荐文章于 2025-01-08 00:26:36 发布
阅读量2.1k 收藏 4
点赞数 2
文章标签： vscode vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tnb_ml/article/details/130089582
版权

vue3项目，使用语法糖setup时引入的组件，在vscode中会出现红色波浪线提示

引入的组件和定义的变量，在vscode中会出现红色波浪线，运行没有问题，但是看着很别扭。

解决办法：其实就是vetur这个插件不支持vue3的setup语法糖的写法格式了，你只需要停掉现有的vetur，再去下载Vue Language Features和TypeScript Vue Plugin，第一个是支持vue3的标准语法的，第二个是针对ts的，都安装后，重启vscode即可
在这里插入图片描述

[vue3]引入模块出现红色波浪，但是可以正常运行，去除红色波浪号
weixin_61972561的博客
07-25 697
[vue3]引入模块出现红色波浪，但是可以正常运行，去除红色波浪号
＜script lang=“ts“ setup＞使用setup语法糖引入组件爆红问题
m0_55070913的博客
03-02 1981
未使用setup语法糖前注册组件： <script lang ="ts"> import { defineComponent, ref, reactive } from "vue"; import AddPoints from './addPoints.vue' export default defineComponent({ components: { AddPoints, }, }) </script> 使用setup语法糖注册组件： <script l
vue3+ts，导入vue项目文件或者应用组件，代码出现红色波浪线
m0_64901660的博客
12-10 1104
VScode使用vue3+ts导入vue文件的时候，路径一切都是对的，却偏偏报错：找不到模块“./XXX.vue”或其相应的类型声明。可能是Vetur插件引起的，禁用或禁用再重新启用恢复正常(要重启vscode)在uniapp的vue代码里的uni-app组件代码没有高亮显示。
vue3项目运行正常但vscode红色波浪线报错
sjp991012的博客
04-02 8519
以下解决办法如不生效，可尝试重启vscode。
vue3使用setup语法糖时vscode组件标红问题
12-26 1343
发现标红，虽然代码不报错，但是看着很难受。
vue3语法中使用vscode打开，满屏红线报错，解决方法
热门推荐
jieyucx的博客
12-28 1万+
vue3语法中使用vscode打开，满屏红线报错，解决方法
在vue3-cli的语法糖中使用props传递复杂类型的数据
Yosola的博客
01-18 4249
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中，openlayers如何在两点之间绘制波浪线，要求使用<script setup>语法
09-14
在 Vue3 中使用 `script setup` 语法，并配合 OpenLayers 来在两点之间绘制波浪线，首先你需要安装 OpenLayers 和相关的依赖。然后可以这样做： ```html ; height: 600px;"> <script setup> import { div } ...
vue3中，openlayers如何在两点之间生成一条波浪线，要求使用<script setup>语法，不需要拖拽
09-14
在Vue3中使用OpenLayers和`<script setup>`语法来创建两点之间的波浪线路径，你可以利用OpenLayers的Path模块以及一些自定义的数学函数来模拟波浪效果。首先确保你已经安装了OpenLayers库，并引入到项目中。 ```...
vscode使用<script setup lang="ts">代码出现红色波浪线
07-17
在使用 `<script setup>` 时，有几个常见的原因可能导致出现红色波浪线： 1. 缺少必要的插件或扩展：确保你已经安装了支持 TypeScript 的插件，比如 "Vetur" 或 "TypeScript"。你可以在 VS Code 的扩展商店中搜索并...
vscode vue 代码有很多的黄色波浪线
最新发布
03-08
在VS Code中处理Vue文件时遇到的黄色波浪线通常由ESLint插件引起。这类警告提示代码可能存在潜在问题或不符合特定编码标准[^2]。 针对此现象有多种方法可以尝试： #### 方法一：调整`v-bind:key` 对于某些情况，...
vue3中引入文件ts报红色波浪线问题
dzry_lr的博客
11-30 3257
vue3中引入文件ts报红色波浪线
解决vue项目中import @/符号下有波浪线的问题
Ryan的博客
04-07 3209
当我们用webstorm打开一个别人写好的vue项目时，可能会遇到下面的情况： 在这里面@符号是代表src的意思，虽然有时项目也能跑起来，但是看到波浪想着实有些糟心。 这个问题解决其实很简单，他具体产生的原因在这篇文章中解释的很详细： https://juejin.cn/post/6844903802185891848 具体解决过程如下： 1.首先打开webstorm中file->setting,之后找到language&frameworks中javascript的webp.
vscode开发vue3（typescript）项目错误提示处理
choorn的博客
09-19 2844
2、关于typescript类型错误，这类错误网上搜到的方法都不太好用，这是因为有些方法是通过设置，关闭了提示。1、引入一些包后报错，如引入elment plus中文资源包或安装qs（解决传参格式不正确）包。在此信息中提示在.d.ts文件中加入declare module 'element-plus/dist/local/zh-ch.mjs。
vue3引入组件飘红？报错？没关系，一分钟解决它，全网最新2025年
General_D的博客
01-08 909
vue3引入组件飘红？报错？没关系，一分钟解决它，全网最新2025年 无法找到模块“./components/HelloMorld.vue"的声明文件。“e:/In Work/study/vue3/hell0_vue3/src/components/Hel1oorld.vue"隐式拥有 "any”类型
(vue3)引入组件标红，...has no default export 组件没有默认导出
nyf_unknow的博客
06-21 4316
由于之前安装了 Vetur 插件，Vetur 默认使用 eslint-plugin-vue，并且强制 export default 语法。TypeScript Vue Plugin 使得写法为 lang=ts 的组件能使用 *.vue 引入。Vue Language Features(Volar) 代替 Vetur 的语法高亮等功能。创建的vite+vue3+ts项目页面有标红。3.重启vscode。
TS+vue3 页面红色波浪线(和声明类型有关)
fhrlhh的博客
05-31 2132
页面经常报红,问题描述为 这是因为TS是强类型语言,必须使用接口给数据赋类型,具体操作如下 代码如下: interface State { [propname: string]: any } const state = reactive<State>({ }) 这样就可以一劳永逸解决这种报错问题 ...
vscode代码模板（vue3模板）输入vue3显示代码提示
weixin_57997644的博客
04-21 3074
【代码】vscode代码模板（vue3模板）输入vue3显示代码提示。
VScode + Vue3 + Vite + Three.js 设置TypeScript语法提示
微巴特WeiBut的博客
03-31 3917
全局安装typings npm install -g typings 安装three.js库 npm install three 安装three.js的typescript语法(.d.ts)的依赖 npm install --save-dev @types/three src根目录下的shims-vue.d.ts 文件（没有则新建）添加 declare module "@types/three"; ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值