vue3+ts，导入vue项目文件或者应用组件，代码出现红色波浪线

最新推荐文章于 2024-03-23 09:52:27 发布
最新推荐文章于 2024-03-23 09:52:27 发布
阅读量554 收藏
点赞数 1
文章标签： vue.js 前端 typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64901660/article/details/134913052
版权

VScode使用vue3+ts导入vue文件的时候，路径一切都是对的，却偏偏报错：找不到模块“./XXX.vue”或其相应的类型声明。

Module '"xxx"' has no default export.

在uniapp的vue代码里的uni-app组件代码没有高亮显示

可能是Vetur插件引起的，禁用或禁用再重新启用恢复正常(要重启vscode)

m0_64901660
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue CL3 配置路径别名详解
10-16
主要介绍了Vue CL3 配置路径别名详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue3导入模块报红解决方案——找不到模块“./XXX.vue”或其相应的类型声明
陈福国的博客
07-20 6341
使用vue3+ts导入vue文件的时候，路径一切都是对的，却偏偏报错：找不到模块“./XXX.vue”或其相应的类型声明。报错原因是：typescript 只能理解 .ts 文件，无法理解 .vue文件。因此需要给.vue文件加上类型说明文件。神奇的发现，报错不见了，搞定。
Vue3中导入.vue文件时出现报红，且不影响项目运行，但是就是影响心情，可以尝试一下下面。
最新发布
m0_57485819的博客
03-23 382
在env.d.ts文件中添加如下代码：
vue3+ts引入文件爆红问题
weixin_66582617的博客
02-20 1192
爆红问题，那么在tsconfig.json文件中，将moduleResolution：的值更改为node。解决完后，有可能引入ts文件还会存在爆红问题，当出现爆红的时候如引入的routers.ts爆红，最简单的解决办法就是将后缀的.ts给删除掉。如果觉得删除掉.ts影响感官，那可以查看自己的开发工具是否下载了Vetur插件，如果下载了将他禁用，下载新的插件。安装完成后，将开发工具重新启动，一般就可以解决掉引入爆红问题，如果还没有解决，自求多福，我也没遇到过。在vite-env.d.ts文件中添加以下代码。
Vue3中导入文件报错无法找到模块的声明文件的解决办法
2302_76388415的博客
03-16 1389
相信在vue3的开发中都遇到过类似的问题，找遍各处博客也找不到一个称心如意的解决方案，大都步骤复杂，这里展示一种方法。在其中增加如下代码即可解决，需要导入的文件是什么后缀，就用什么后缀。在vue3的根目录都会有这个文件env.d.ts，没有就创建。
vue3+vite在main.ts文件中引入./App.vue报错（./App.vue不是模块）
m0_57809042的博客
08-12 805
下载TypeScript Vue Plugin (Volar)插件就不报红了，看它的描述应该就是ts文件可以识别vue文件。
Vue3路由引入报错解决：无法找到模块“xxx.vue”的声明文件 xxx隐式拥有 “any“ 类型。
比鲁斯大人的博客
10-12 3519
解决方法：在项目的根目录或者src文件夹下创建一个后辍为。这类情况应该遇见过吧，这是因为。这样代码行的报错就没有了。
vue3项目，使用语法糖setup时引入的组件，在vscode中会出现红色波浪线提示
tnb_ml的博客
04-11 1751
解决办法：其实就是vetur这个插件不支持vue3的setup语法糖的写法格式了，你只需要停掉现有的vetur，再去下载Vue Language Features和TypeScript Vue Plugin，第一个是支持vue3的标准语法的，第二个是针对ts的，都安装后，重启vscode即可。引入的组件和定义的变量，在vscode中会出现红色波浪线，运行没有问题，但是看着很别扭。
vue3中引入文件ts报红色波浪线问题
dzry_lr的博客
11-30 1715
vue3中引入文件ts报红色波浪线
vue3+vite+ts项目搭建之后，vscode文件夹下红色波浪线问题
jiaoxt_123的博客
10-20 3614
搭建完vue3+vite+ts项目之后，用vscode打开项目，发现 .vue 文件和 main.ts 文件夹下都有红色破浪线（如下图所示）。几番周折终于解决了这个问题。报错原因：vscode插件 Vetur 不支持最新写法。解决方式：卸载 并 安装 Volar 插件。报错原因：ts不识别.vue后缀的文件。2.解决vue文件波浪线提示。1. 解决.ts文件报错。
vue3+ts项目在vscode中爆红提示修复
不疲不倦的博客
05-29 6352
新搭建的vue3+ts项目，在vscode中打开，已经安装的的依赖文件也会提示红线
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia
vue3+vite2+ts+vant3 项目demo
04-16
此项目 按照大佬文章 一步步学习搭建 https://juejin.cn/post/7036745610954801166?share_token=5dd94aae-bed2-4733-93ac-306118376443；感谢大佬
vue3+ts+vite+router+vuex+api请求封装
12-29
后台管理系统脚手架
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs + Express + postgresql接口
04-10
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs...一个vue包 vite+vue3+ts+eleplus 配置了router vuex axios postcss-px-to-viewport界面自适应 env prod环境等 启动:均是 npm i npm start 仅供学习哈 也在慢慢完善中
Vue组件中，＜template＞标签下面飘红
热爱编程、热爱生活、热爱探索
02-07 914
问题出现的原因是：Babel默认是从更目录查找配置文件的，而我此时并不是，而我此时打开项目的目录是todo-list，而根目录是todo-list的src。今天学习了Vue的组件，但是我使用Vue脚手架搭建了Vue环境，在初始化的项目中出现了一个不和谐的红色。即在todo-list下的src目录下使用。这种方式我没有实践，我用的是方案三。表示禁止配置文件检查。
vue3项目导入异常Error: @vitejs/PLUGIN-vue requires vue (＞=3.2.13)
码农践行
09-01 5020
一般都是开发者捐赠支持的提示，打开一个github的链接之后，会显示需要打赏捐赠的信息，此时如果不想捐赠或者跳过这个提示的话，直接在后面加–NO-fund即可，具体命令如下：npm INSTALL --NO-fund。
vue3+ts+vite导入json文件不添加后缀ts报错
11-23
在Vue3 + TypeScript + Vite项目中，如果导入JSON文件时不添加后缀名，会出现以下错误： ``` Cannot find module './data' or its corresponding type declarations. ``` 解决方法是在导入JSON文件时添加后缀名`.json`，例如： ```typescript import data from './data.json'; ``` 这样就可以成功导入JSON文件了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值