关于Vite+Vue+Ts WebStorm路径别名的问题

一、准备一个项目

二、在 vite.config.js 中添加

复制代码
    resolve: {
        alias: {
            '@': '/src'
        }
    }

三、tsconfig.app.json中添加代码

复制代码
  //添加代码
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }

把src的一个文件修改路径为@开头

四、安装插件

复制代码
npm i @types/node --save-dev

最后文章写到这我发现,好像只用配置下面这个图这么多就不报错了,如果还是报错就把node_modules删除重新 npm i 试试

这里我搞了一天才试出来,看了好多文章,可能还是因为我对ts取路径别名不熟,到现在只知道如何操作,不知道这里的原理,如果有大佬有见解欢迎评论区分享!

相关推荐
陈随易2 分钟前
VSCode v1.102发布,AI体验大幅提升
前端·后端·程序员
markyankee1013 分钟前
Vue 表单输入绑定终极指南:从基础到企业级实践
vue.js
ma777 分钟前
JavaScript 获取短链接原始地址的解决方案
前端
该用户已不存在7 分钟前
关于我把Mac Mini托管到机房,后续来了,还有更多玩法
服务器·前端·mac
借月8 分钟前
🎯 用 Vue + SVG 实现一个「蛇形时间轴」组件,打造高颜值事件流程图
vue.js
tianchang10 分钟前
SSR 深度解析:从原理到实践的完整指南
前端·vue.js·设计模式
闲蛋小超人笑嘻嘻11 分钟前
前端面试十一之TS
前端
摆烂为不摆烂11 分钟前
😁深入JS(四): 一文让你完全了解Iterator+Generator 实现async await
前端
DoraBigHead24 分钟前
🧠 别急着传!大文件上传里,藏着 Promise 的高级用法
前端·javascript·面试
嘉琪00127 分钟前
封装一个有最小化的dialog组件
前端·javascript·css