(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/*"
      ]
    }
  }
相关推荐
学传打活5 天前
【边打字.边学昆仑正义文化】_19_星际生命的生存状况(1)
微信公众平台·1024程序员节·汉字·昆仑正义文化
unable code13 天前
[HNCTF 2022 WEEK2]ez_ssrf
网络安全·web·ctf·1024程序员节
unable code13 天前
[NISACTF 2022]easyssrf
网络安全·web·ctf·1024程序员节
unable code15 天前
BUUCTF-[第二章 web进阶]SSRF Training
网络安全·web·ctf·1024程序员节
开开心心就好16 天前
进程启动瞬间暂停工具,适合调试多开
linux·运维·安全·pdf·智能音箱·智能手表·1024程序员节
仰泳之鹅16 天前
【51单片机】第一课:单片机简介与软件安装
单片机·嵌入式硬件·51单片机·1024程序员节
海海不瞌睡(捏捏王子)17 天前
C#知识点概要
java·开发语言·1024程序员节
小浣熊熊熊熊熊熊熊丶18 天前
飞牛NAS 安装 Teslamate 教程(docker版)
1024程序员节
程高兴18 天前
模糊PID控制的永磁同步电机矢量控制系统-SIMULINK
matlab·1024程序员节
海海不瞌睡(捏捏王子)19 天前
Unity知识点概要
unity·1024程序员节