vue3+vite+ts 配置别名@报错找不到模块

最新推荐文章于 2024-05-22 15:49:50 发布

高冷冷

最新推荐文章于 2024-05-22 15:49:50 发布

阅读量3.3k

点赞数 1

分类专栏： vue3 vite 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_43754395/article/details/128112575

版权

我在学习vue3+vite+ts的时候，在配置别名这一步的时候遇到了一个问题，使用@引入会报错，如下图所示。
在这里插入图片描述

(1)配置别名
vite.config.js

执行 npm add @types/node --save-dev 项目结构中会自动生成一个vite-env.d.ts文件
resolve:{
   
    alias:{
   
      '@'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

高冷冷

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
vue3+vite+ts 配置别名@报错找不到模块

vue3+vite+ts配置别名@报错
复制链接

扫一扫

专栏目录

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+...

vue3+vite2+ts+vant3 项目demo

04-16

此项目按照大佬文章一步步学习搭建 https://juejin.cn/post/7036745610954801166?share_token=5dd94aae-bed2-4733-93ac-306118376443；感谢大佬

参与评论您还未登录，请先登录后发表或查看评论

Vue3+Vite+TypeScript导入组件报错无法找到模块“@/xx/xx.vue”的声明文件

温的打怪之旅

04-18

230

【代码】Vue3+Vite+TypeScript导入组件报错无法找到模块“@/xx/xx.vue”的声明文件。

vue3 ts vite 配置别名导致报无法找到对应莫模块的错误处理方式

qq_42451776的博客

10-01

3515

第一步 vite.config.ts alias: { "@": resovePath("src"), }, 第二步 tsconfig.json "compilerOptions": { ... "baseUrl": "./", "paths":{ "@": ["src"], "@/*": ["src/*"], } }, 解决ts 和 vue 文件的相互导入找不到模块根目录或 src 下新建 env.d.ts 文件

Vue3+TS更改文件系统路径别名报错：找不到模块“@/store”或其相应的类型声明。ts(2307)

weixin_59504917的博客

04-05

491

更改 vite.config.ts 文件，配置文件别名后，在页面中使用 @ 爆红，但是页面不报错。tsconfig.json 文件或者 jsconfig.json 文件也要进行文件系统路径别名设置。引入TS 文件报错找不到相应类型声明，因为在配置好 vite.config.ts 文件后。tsconfig.json或者 jsconfig.json 文件。

关于Vue3+ts引入文件使用alias别名@时报错问题，process is not defined

qq_38828542的博客

03-17

536

如题，解决办法：一、首先确保有两个文件： tsconfig.json vite.config.ts(注：如果是vue.config.js，则手动改为vite.config.js) 二、在ts.config.json中修改 { "compilerOptions": { ...... "paths": { "@/*": ["src/*"] } ...

vite+vue3使用@路径，报错处理

m0_70547044的博客

08-21

1753

报错原因：未配置 @符号为指定路径别名，直接使用导致。

解决 vite 构建 vue3 项目 “@/“相对路径无法生效并报错

m0_68196864的博客

12-22

1871

第二步：在 vite.config.js 文件中添加以下三部分代码。第一步：安装 path 包。

vue3+ts+vite项目中使用@时报错：找不到模块，两步教你快速解决

LLL3189860667的博客

07-28

3654

亲爱的小伙伴，如果你也在vue3+ts+vite项目中使用@时报错：找不到模块的话，如下图情况，不要担心，不要害怕，两步教你解决！

vue3+ts（vue）----配置@别名

heavenz19的博客

06-21

572

（其中，baseUrl 是基础路径，用于解析非相对模块路径的基础目录。paths 包含了多个映射，用于映射不同的模块路径。

vue3+vite+ts 仿淘宝放大镜效果

09-17

1.本demo是一个类似于淘宝放大镜的效果。 2.使用vue3+vite搭建 3.实现了图片点击轮播和移入放大的效果 4.下载下来可直接使用，必须真实有问题可以直接提问

vue3+ts+vite+router+vuex+api请求封装

12-29

后台管理系统脚手架

Vue3+Vite4+TS 后台模板

06-08

vue3+VITE4+TS 后台模板， vue3+VITE4+TS 后台模板

【vue3】vue3 路由配置文件路径@开头报错找不到文件

Write less，do more

07-19

2889

vue3 路由配置文件路径@开头报错找不到文件解决方案

Vue3解决“找不到模块“@/components/xxx.vue”或其相应的类型声明”

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交