react 中配置@寻找文件

  1. 安装插件craco

npm i -D @craco/craco

  1. 创建 craco.config.js文件放在根目录和package.json同级
const path = require('path')module.exports = {webpack: {alias: {"@": path.resolve(__dirname, "src")}}
}
  1. 创建 jsconfig.config.js文件放在根目录和package.json同级
{"compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]}}
}
  1. 修改 package.json
  "scripts": {"start": "craco start","build": "craco build","test": "react-scripts test","eject": "react-scripts eject"},

原本是这样
在这里插入图片描述
5. 重启项目使用它
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/3342.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

基于Qt的独立线程创建与多线程执行实验Demo

一、多线程与线程池的应用目的[1][4] (一)多线程 一个进程内多个线程并发执行的情况就叫多线程,每一个线程是一个独立的执行流。多线程是一种编程模型,它与处理器无关,与设计机制有关。 需要多线程的原因包括&#xf…

电能质量治理产品在分布式光伏电站的应用

1.概述 随着全球对可再生能源需求的不断增长,分布式光伏电站的建设与扩张正迅速发展。然而,在其运行过程中,分布式光伏电站遭遇了一系列挑战,包括企业关口计量点功率因数降低和谐波污染等问题。这些问题不仅影响了光伏电站的运行…

如何解决导入aioredis报错TypeError: duplicate base class TimeoutError的问题(轻松解决,亲测有效)

下面是根据你的要求撰写的文章: 文章目录 📖 介绍 📖🏡 演示环境 🏡📒 aioredis导包报错 📒📝 解决方案📝 小贴士⚓️ 相关链接 ⚓️📖 介绍 📖 最近在使用Python异步redis模块aioredis的时候遇到了一个错误,导包报错提示 TypeError: duplicate base cla…

@Excel若依导出异常/解决BusinessBaseEntity里面的字段不支持导出

今天发现所有实体类继承BusinessBaseEntity里面的这些通用字段不支持导出,debug时发现是这样: 导出效果 这里我把能查到的方法都汇总了,如果你也遇到这个异常,可以去逐步排查 1.先看库里有没有数据 2.看字段名是否对齐 3.所需要…

vue组件在项目中的常用业务逻辑(2)

完成一个项目的模块总体分为四步: 一、先静态页面 静态组件拆分出来 二、发请求(API) 三、vuex三连环 1.导入api里的search模块请求 2.捞那个请求的数据 先用async和await 再传值给result,添加空对象,派发actions: 3.在mutatio…

气膜球幕展览馆:引领展示新风潮,震撼视界—轻空间

随着展览行业的不断发展,越来越多的创意场地应运而生,而气膜球幕展览馆凭借其独特的球形外观和创新的结构设计,迅速成为展览和活动行业中的新宠。无论是艺术展览、品牌展示,还是各种大型活动,气膜球幕展览馆都以其极具…

stm32 如何生成.bin文件-keil fromelf.exe使用

文章目录 一、fromelf.exe简介二、生成.bin文件设置工程:编译工程:配置fromelf.exe:重新编译: 三、fromelf.exe的其他功能四、使用注意事项五、总结 keil fromelf.exe使用 在Keil的开发流程中,fromelf.exe工具扮演了至…

【数据分析】如何构建指标体系?

有哪些指标体系搭建模型?五个步骤教你从0开始搭建指标体系 一、企业指标体系搭建存在什么问题 许多企业在搭建数据指标体系时遇到了诸多难题,如问题定位不准确、数据采集不完整、目标不一致、报表无序、指标覆盖不全面以及报表价值未充分利用等。 1、…

通过 ssh config 快速免密连接服务器

通过 ssh config 快速免密连接服务器 目录 通过 ssh config 快速免密连接服务器1. 创建ssh的私钥和公钥的话 (如果已经做过可忽略)2. 创建config文件,填写服务器配置3. 允许在远程服务器的授权密钥上安装 SSH 密钥 1. 创建ssh的私钥和公钥的话…

客户关系管理(CRM)是什么?CRM定义最全解读!

有企业就有业务,有业务就有客户,所以客户关系管理(CRM)系统是企业管理中不可或缺的一部分,它帮助企业有效管理与客户之间的关系,提升客户满意度和忠诚度。本文将重点探讨CRM的概念和不同的定义,…

lc 142 环形链表II

先判断存在环形链表,然后根据 x z,得到入口 /** * Definition for singly-linked list. * class ListNode { * int val; * ListNode next; * ListNode(int x) { * val x; * next null; * } * } */ public class Sol…

骑行,每天骑行多少最好?

热爱骑行的人都知道,每一次转动踏板都像是与风的对话,与大地的亲吻。我们校长骑行群的伙伴们,如同追逐自由的飞鸟,在骑行的道路上享受着速度与激情、宁静与思考。然而,一个看似简单却至关重要的问题常常萦绕在我们心头…

智能驾驶系列报告之一:高精度定位,智能驾驶的可靠辅助

城市导航辅助驾驶迅速落地,高精度定位迎来发展契机:首先,以城市 NOA为代表的 L3 级别功能正快速落地,智能驾驶已成各车企竞争的核心领域,搭载城市 NOA 功能的车型数量及渗透率快速提升。伴随电动化和智能化的提升&…

LeetCode136只出现一次的数字I

题目描述:给你一个非空整数数组nums,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。 看到这个题第一想法应该是使用map记录数字及数字出现的次数,如果原数组长度为n,则map的记录条…

React 前端使用 Input 输入框的样式上传一个 Excel 文件并读取内容对象数组

本文讲解了关于如何在 React 前端使用 Input 输入框上传一个 Excel 文件,并读取文件内容转成 json 数据格式(对象数组)。 文章目录 1、Excel 文件展示2、完整代码3、数据结果展示4、前端样式展示5、使用 button 按钮的前端样式 1、Excel 文件…

Kubernetes:(五)Pod 基础概念

文章目录 一、Pod基础概念pod的状态容器(Container)生命周期pod创建容器的过程: 二、底层容器Pause三、初始化容器(initcontainers)四、Pod容器的分类五、镜像拉取策略(image PullPolicy)六、重…

【Vue 全家桶】2、Vue 组件化编程

目录 模块与组件、模块化与组件化 component模块组件 非单文件组件单文件组件 .vue 模块与组件、模块化与组件化 component 模块 组件 局部功能代码和资源的集合 非单文件组件 // 1、创建组件 const school Vue.extend({data(){return {}} }) const student Vue.extend(…

IPC-A-610J-中文版 CHINESE-中文版 2024 电子组件的可接受性

IPC-A-610J-中文版 CHINESE-中文版 2024 电子组件的可接受性.pdf 链接: https://pan.baidu.com/s/1UreAzlB_P7tGH_WoFL2Ybg?pwd1234 提取码: 1234 https://share.weiyun.com/eQCyAPYh 通过网盘分享的文件:IPC-A-610J-中文版 CHINESE-中文版 2024 电子组件的可接受性…

el-input限制只能输入合法的数字

// 校验输入的数字是一个合法有效的数字 export function setValue(e) {return e.replace(/[^0-9.]/g, "") // 移除非法字符 .replace(/^0/, "0").replace(/^0(\d|\.$)/, "0$1") // 只保留一个开头的零(如果存在)&#x…