vue3+ts引入文件出现红线的解决问题

最新推荐文章于 2024-08-28 13:39:48 发布
最新推荐文章于 2024-08-28 13:39:48 发布
阅读量8.5k 收藏 7
点赞数 6
分类专栏： vue3+ts 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60708088/article/details/125735240
版权

vue3+ts引入的.vue或者.ts不会出现红色的波纹线，但是其他的.js文件会出现红线，但是不会影响使用，可是本人看的红线不喜欢，如何如掉。

1、如下图所示的地方，引入会报红线，但不会影响使用

 2、解决方案，我们打开env.d.ts文件

 3、在下面如图所示的地方声明模块declare module ’@/xxx.xx‘,即可

 4、这样就可以消失了，ok. 

范闲~
关注
专栏目录
vue3+ts+pinia+vite一次性全搞懂
qq_45018844的博客
04-21 1607
简单来说：是一个vue3版本的vuexpinia官网地址建好一个store文件下面的index.ts文件这一步是官网中的描述，定义一个defineStoreimport {// 相当于datareturn {// 相当于计算属性getters: {//相当于vuex中的mutation+action，可以同时写同步和异步的代码actions: {
如何创建一个vite+vue3+ts项目（小白必看）
蜗牛~~
06-15 1953
当修改代码时，HMR 能够在不刷新页面的情况下，把页面中发生变化的模块，替换成新的模块，同时不影响其他模块的正常运作。在我们使用 node 方法（比如 path.resolve）时提供 ts 类型声明，否则编辑器会报错，虽然不影响代码运行，但是会有红线很影响心情，如下图所示。Pinia 支持热更新，所以你可以编辑你的 store，并直接在你的应用中与它们互动，而不需要重新加载页面，允许你保持当前的。（2）写好页面之后，我们来创建路由，在 src 路径下新建 router/index.ts。
关于ts文件中，引入vue文件报红线的问题
weixin_44778906的博客
08-15 1213
vue3项目中.ts文件中引入vue模块爆红
vue3中引入文件ts报红色波浪线问题
dzry_lr的博客
11-30 2733
vue3中引入文件ts报红色波浪线
Vue3常见知识**MS【4】
最新发布
mq1314520_zhl的博客
08-28 881
vue2：是把数据放入data中，在vue2中定义数据变量是data(){}，创建的方法要在methods:{}中。vue3：就需要使用一个新的setup()方法，此方法在组件初始化构造的时候触发。
vue3+ts引入文件爆红问题
weixin_66582617的博客
02-20 3667
爆红问题，那么在tsconfig.json文件中，将moduleResolution：的值更改为node。解决完后，有可能引入ts文件还会存在爆红问题，当出现爆红的时候如引入的routers.ts爆红，最简单的解决办法就是将后缀的.ts给删除掉。如果觉得删除掉.ts影响感官，那可以查看自己的开发工具是否下载了Vetur插件，如果下载了将他禁用，下载新的插件。安装完成后，将开发工具重新启动，一般就可以解决掉引入爆红问题，如果还没有解决，自求多福，我也没遇到过。在vite-env.d.ts文件中添加以下代码。
vue3+ts，导入vue项目文件或者应用组件，代码出现红色波浪线
m0_64901660的博客
12-10 914
VScode使用vue3+ts导入vue文件的时候，路径一切都是对的，却偏偏报错：找不到模块“./XXX.vue”或其相应的类型声明。可能是Vetur插件引起的，禁用或禁用再重新启用恢复正常(要重启vscode)在uniapp的vue代码里的uni-app组件代码没有高亮显示。
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 + Vite + ts引入本地图片
grootbaby
03-22 1242
Vue3 + Vite + ts引入本地图片 单张图片导入 多张图片导入 背景图片引入
VUE3&TS: Vue-cli4脚手架，Vue3+TS的项目搭建
干饭搬砖两不误。
01-16 4686
通过 Vue-cli4 创建的 Vue3+TS 的项目，并进行一些基础使用的举例
Vite+Vue3+TS+Electron构建桌面应用
weixin_30230009的博客
04-03 4256
前言之前开发项目遇到前端的需求，我通常会选择Vue2，无他，只是在众多前端框架中，我比较熟悉Vue2，此前尝试学过一段时间React，被它的Hook恶心到了，会了又学，学了又忘，所以还是回到Vue的怀抱，至于React，日后再挑战。本篇文章使用当前最新的前端技术体系来构建一个桌面应用，本篇只是记录项目搭建的过程并实现项目的打包与安装，先看效果图：image.png我们使用...
vue3 ts html代码报红不影响运行
vue+iview 动态渲染表格（vue.js结合iview插件）
10-13 995
vue3 html代码报红
vue3 +Ts后导包出现红色波浪线【vscode】
weixin_45044349的博客
03-09 5645
vscode在vue3中出现问题
vue3+vite+ts项目搭建之后，vscode文件夹下红色波浪线问题
jiaoxt_123的博客
10-20 5074
搭建完vue3+vite+ts项目之后，用vscode打开项目，发现 .vue 文件和 main.ts 文件夹下都有红色破浪线（如下图所示）。几番周折终于解决了这个问题。报错原因：vscode插件 Vetur 不支持最新写法。解决方式：卸载 并 安装 Volar 插件。报错原因：ts不识别.vue后缀的文件。2.解决vue文件波浪线提示。1. 解决.ts文件报错。
vue3项目大片报红-首行报红-红色波浪(ts+vue)报红修复
weixin_44225042的博客
11-22 952
将Auto Insert: Bracket Spacing 、Auto Insert: Parentheses 、Auto Insert: Dot Value勾选去掉。拉了vue3的项目代码之后，发现语法提示一片报红。在extentions或者扩展中选择Volar。强迫症患者及其难受。
vue3结合ts开发，导入vue文件，页面报红色的波浪线
haha_556的博客
07-22 6656
项目场景： 使用vue3框架结合ts开发时，在页面导出xxx.vue文件，就会出现报错，有红色的波浪线。 问题描述： 原因分析： ts识别不出.vue文件， 解决方案： 在根目录下面添加一个xxx.d.ts,文件，文件内容为 ![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/eb7f6ccc84e816f72ab369ccd85804c7.png) declare module '*vue' { import { Com
Vue3中导入.vue文件时出现报红，且不影响项目运行，但是就是影响心情，可以尝试一下下面。
m0_57485819的博客
03-23 958
在env.d.ts文件中添加如下代码：
vue3+ts项目在vscode中爆红提示修复
不疲不倦的博客
05-29 7881
新搭建的vue3+ts项目，在vscode中打开，已经安装的的依赖文件也会提示红线
关于Vue3+Typescript import vue 文件报红问题
qq_32805013的博客
03-04 5365
这个问题目前已经有很多文章提出了正确的解决方案，即增加 shims-vue.d.ts 文件来解决 /* eslint-disable */ declare module '*.vue' { import type { DefineComponent } from 'vue' const component: DefineComponent<{}, {}, any> export default component } 但是其实在VueCli创建的项目中其实是默认带 上这个文件及
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值