react配置@指向src目录

server/2024/11/15 6:04:56/

一、在vite.config.ts中添加配置

javascript">import path from "path";// https://vitejs.dev/config/
export default defineConfig({plugins: [react()],resolve: {alias: {"@": path.resolve(__dirname, "./src")}}
});

这时候引入的会path模块报红,但其实我们已经有node,所以就已经有path模块,只是缺少ts的一些声明配置。

所以需要安装关于node这个库的ts声明配置。

二、安装@types/node

javascript">npm i -D @types/node

安装成功就没有报红了,如果import后面的path报红,就把引入换成 import * as path from 'path'

三、配置路径别名的提示

虽然现在路径别名已经有了,但在文件中输入@没有路径提示。
需要在 tsconfig.json 中:添加两项配置

javascript">"compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]}}
}

配置好之后敲@后就有路径资源提示啦~


http://www.ppmy.cn/server/41797.html

相关文章

Chatgpt的应用场景

文案创作类: 作为一名大型语言模型,ChatGPT可以为使用者提供多种文本处理和文字创作方面的服务,例如: 文本生成和创作 ChatGPT可以基于您提供的主题、关键词或文本段落,生成符合使用者要求的新文本。这些文本可以是文…

如何让Linux系统崩溃?

如何使 Linux 系统崩溃 警告 下面的代码行是 Bash shell 的一个简短而甜蜜的 fork 炸弹。分叉炸弹之所以有效,是因为它能够产生无限数量的进程。最终,Linux无法处理所有这些,并且会崩溃。 fork 炸弹的一大优点是你不需要 root 权限即可执行它…

【devops】Linux 日常磁盘清理 ubuntu 清理大文件 docker 镜像清理

日常磁盘清理 1、查找大文件 find / -type f -size 1G2、清理docker无用镜像(drone产生的残余镜像文件) docker system prune -a一、清理服务器磁盘 1、查找大文件 在Ubuntu系统中,你可以使用find命令来查找大文件。find命令是一个强大的…

数据可视化的艺术:使用Matplotlib和Seaborn揭示数据故事

引言 数据可视化是数据分析中的关键一环,它帮助我们理解数据模式、趋势和异常。在Python中,Matplotlib和Seaborn是两个流行的数据可视化库,它们提供了丰富的图表和图形选项,使数据的可视化变得简单而强大。 Matplotlib&#xff…

【论文阅读】<YOLOP: You Only Look Once for PanopticDriving Perception>

Abstract 全视驾驶感知系统是自动驾驶的重要组成部分。一个高精度的实时感知系统可以帮助车辆在驾驶时做出合理的决策。我们提出了一个全视驾驶感知网络(您只需寻找一次全视驾驶感知网络(YOLOP)),以同时执行交通目标检…

JVM 常见知识点总结

文章目录 一、类加载篇1.1 类加载过程1.2 类加载器分类1.3 双亲委派机制 二、JVM内存结构篇2.1 JVM内存结构2.2 对象的创建过程2.3 强软弱虚引用 三、垃圾回收篇3.1 如何判断对象是否死亡3.2 哪些对象可以作为gcroots3.3 垃圾回收算法3.4 Minor GC和Full GC的区别3.5 HotSpot为…

Java list中实体类的按照某个字段大小排序

Java list中实体类的按照某个字段大小排序 在Java中,可以使用Collections.sort()方法结合自定义的比较器来对List中的实体类按照某个字段进行排序。以下是一个示例代码,演示了如何根据实体类中的age字段对List进行排序: import java.util.A…

linux 权限和权限的设置

在Linux中,文件和目录的权限是一个重要的安全特性。这些权限决定了哪些用户可以读取、写入或执行某个文件或目录。以下是关于Linux权限和如何设置它们的基本信息。 权限类型 Linux中有三种基本的权限类型: 读取(r):…