关于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取路径别名不熟,到现在只知道如何操作,不知道这里的原理,如果有大佬有见解欢迎评论区分享!

相关推荐
IT_陈寒11 小时前
Java 性能优化:5个被低估的JVM参数让你的应用吞吐量提升50%
前端·人工智能·后端
南囝coding11 小时前
《独立开发者精选工具》第 018 期
前端·后端
小桥风满袖11 小时前
极简三分钟ES6 - ES9中for await of
前端·javascript
半花11 小时前
i18n国际语言化配置
前端
编程贝多芬12 小时前
Promise 的场景和最佳实践
前端·javascript
Asort12 小时前
JavaScript 从零开始(四):基础语法详解——从变量声明到数据类型的完全指南
前端·javascript
木木jio12 小时前
前端大文件分片上传 —— 基于 React 的工程化实现
前端·javascript
南雨北斗12 小时前
JS的对象属性存储器
前端
Lotzinfly12 小时前
12个TypeScript奇淫技巧你需要掌握😏😏😏
前端·javascript·面试
开源之眼12 小时前
React中,useState和useReducer有什么区别
前端