(react+ts)vite项目中的路径别名的配置

简单两个步骤

  1. 找到vite.config.ts,这里会现实报错,需要安装一下 npm i -D @types/node 这个库的ts声明配置
javascript 复制代码
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve:{
    alias:{
      "@":path.resolve(__dirname,'./src')
    }
  }
})
  1. 虽然配置好了@但是输入@没有提示,找到tsconfig.json
javascript 复制代码
 "compilerOptions": {
  。。。。。

    "baseUrl": "./",
    "paths": {
      "@/*":[
        "src/*"
      ]
    }
  }
相关推荐
西幻凌云15 小时前
初始——正则表达式
c++·正则表达式·1024程序员节
启芯硬件19 小时前
电源XL6009E1的dieshot细节分析-芯片设计干货
大数据·经验分享·硬件工程·1024程序员节
一颗青果3 天前
单例模式 | 死锁
linux·服务器·单例模式·1024程序员节
yBmZlQzJ5 天前
财运到内网穿透域名解析技术机制与中立评估
运维·经验分享·docker·容器·1024程序员节
yBmZlQzJ5 天前
内网穿透工具通过端口转发实现内外网通信
运维·经验分享·docker·容器·1024程序员节
数据皮皮侠AI6 天前
数字经济政策工具变量数据(2008-2023)
大数据·数据库·人工智能·笔记·1024程序员节
网安_秋刀鱼7 天前
【java安全】shiro反序列化1(shiro550)
java·开发语言·安全·web安全·网络安全·1024程序员节
unable code8 天前
攻防世界-Misc-Wire1
网络安全·ctf·misc·1024程序员节
开开心心就好9 天前
版本转换工具,支持Win双系统零售批量版
linux·运维·服务器·pdf·散列表·零售·1024程序员节