React refers to UMD global, but the current file is a module vite初始化react项目
vite搭建react项目
初始化项目
npm create vite在执行完上面的命令后，npm 首先会自动下载create-vite这个第三方包，然后执行这个包中的项目初始化逻辑。输入项目名称之后按下回车，此时需要选择构建的前端框架：
✔ Project name: vite-project? Select a framework: › - Use arrow-keys. Return to submit.vanilla // 无前端框架vue // 基于 Vue> react // 基于 Reactpreact // 基于 Preact（一款精简版的类 React 框架）lit // 基于 lit（一款 Web Components 框架）svelte // 基于 Svelte选中react后们还有个选项，我们选择typescript
切换到项目按照依赖后跑起来
cd vite-projectnpm installnpm run devvscode编辑器报红
React refers to UMD global, but the current file is a module
In VSCode, you can press CTRL + Shift + P or (⌘ + Shift + P on Mac) to open the command palette.
Type "typescript version" in the input
Property 'a' does not exist on type 'JSX.IntrinsicElements'
处理方法同上
参考：类型“JSX. IntrinsicElement”上不存在属性“div”,当我用vite创建react typescript项目时 _大数据知识库
相关文章：
React refers to UMD global, but the current file is a module vite初始化react项目
vite搭建react项目 初始化项目 npm create vite 在执行完上面的命令后，npm 首先会自动下载create-vite这个第三方包，然后执行这个包中的项目初始化逻辑。输入项目名称之后按下回车，此时需要选择构建的前端框架： ✔ Project na…...
vscode 调试 ROS2
1、在下列目录同层级找到.vscode文件夹 . ├── build ├── install ├── log └── src 2、 安装ros插件 3、创建tasks.json文件，添加下列内容 //代替命令行进行编译 {"version": "2.0.0","tasks": [{"label": &…...
TuyaOS开发学习笔记（2）——NB-IoT开发SDK架构、运行流程
一、SDK架构 1.1 架构框图 基于 TuyaOS 系统，可以裁剪得到的适用于 NB-IoT 协议产品接入的 SDK。SDK 将设备配网、上下行数据通信、产测授权、固件 OTA 升级等接口进行封装，并提供相关函数。 1.2 目录结构 1.2.1 TuyaOS目录说明 adapter：T…...
Qt应用开发(基础篇)——普通按钮类 QPushButton QCommandLinkButton
一、前言 QPushButton类继承于QAbstractButton，是一个命令按钮的小部件。 按钮基类 QAbstractButton 按钮或者命令按钮是所有图形界面框架最常见的部件，当按下按钮的时候触发命令、执行某些操作或者回答一个问题，典型的按钮有OK，A…...
)
Data Structures Fan(cf)
考察异或运算以及前缀和 题意大概：给你一个长度为n的a数组，一个长度为n的01字符串，会询问q次 当x的值为1 给出 l r 将 l r 区间中的0 改变为1，1改变为0 。当x的值为2是 若随后的数为0 则输出当前字符串中 是0 的a数组中的数异或 …...
BIOS ＜ UEFI
Basic Input Output System （BIOS） Unified Extensible Firmware Interface （UEFI）...
微信最新更新隐私策略（2023-08-15）
1、manifest.json 配置修改 在mp-weixin: 参数修改（没有就添加） "__usePrivacyCheck__": true, ***2、注意 微信开发者工具调整 不然一直报错 找不到 getPrivacySetting 废话不多说 上代码 3、 编辑首页 或者用户授权界面 <uni-popup…...
Java中xml转javaBean
Java中xml转javaBean maven坐标 <dependency><groupId>com.fasterxml.jackson.dataformat</groupId><artifactId>jackson-dataformat-xml</artifactId><version>2.13.4</version></dependency>代码测试 import cn.hutool.js…...
Spring Boot集成JPA和ClickHouse数据库
简介 Spring Boot是一个用于创建独立的、基于Spring的应用程序的框架。它具有快速开发特性，可以大大减少开发人员的工作量。JPA（Java Persistence API）是Java中处理关系型数据库持久化的标准规范，而ClickHouse是一个高性能、分布…...
Hadoop生态圈中的Hive数据仓库技术
Hadoop生态圈中的Hive数据仓库技术 一、Hive数据仓库的基本概念二、Hive的架构组成三、Hive和数据库的区别四、Hive的安装部署五、Hive的基本使用六、Hive的元数据库的配置问题七、Hive的相关配置项八、Hive的基本使用方式1、Hive的命令行客户端的使用2、使用hiveserver2方法操…...
idea配置gitLab
前言：网上有很多类似的文章，但描述不够详细 步骤1：安装git 如果安装成功再次点击TEST按钮展示如下：git版本 步骤2：idea配置gitlab 查看当前项目管理的 远程仓库再git的地址，该地址可是gitLab的࿰…...
工程可以编译通过，但是Vscode依然有波浪线提示
前言 （1）我们在使用Vscode进行开发的时候，命名文件成功编译通过了，但是Vscode还是有波浪线的提示。 （2）其实成功编译通过就行，但是肯定还会存在一些强迫症患者，硬要消除这个报错。接…...
黑马JVM总结（二）
（1）栈 栈帧对应一次方法的调用，线程是要执行代码的，这些代码都是由一个个方法组成，线程运行的时候每个方法需要的内存叫做一个栈帧 （2）栈的演示 Frames：相当有栈 方法相当于栈帧…...
《Effective C++中文版，第三版》读书笔记7
条款41： 了解隐式接口和编译期多态 隐式接口： 仅仅由一组有效表达式构成，表达式自身可能看起来很复杂，但它们要求的约束条件一般而言相当直接而明确。 显式接口： 通常由函数的签名式（也就是函数名…...
脚本：python实现动态爱心
文章目录 效果代码Reference python实现dynamic heart 效果 代码 import turtle as tu import random as ratu.setup(0.5, 0.5) # 设置画板大小（小数表示比例，整数表示大小） tu.screensize(1.0, 1.0) # 设置屏幕大小 tu.bgcolor(black) #…...
【李宏毅】深度学习6：机器学习任务攻略
如果在测试集上的效果不佳，应该要做什么？Optimization 如何选择？解决 overfitting 的方法？ 测试集上的效果不佳 看训练数据的loss，是不是模型本身就没训练好？ 问题：model 太简单了，…...
如何使用SQL SERVER的OpenQuery
如何使用SQL SERVER的OpenQuery 一、OpenQuery使用说明二、 OpenQuery语法2.1 参数说明2.2注解 三、示例3.1 执行 SELECT 传递查询3.2 执行 UPDATE 传递查询3.3 执行 INSERT传递查询3.4 执行 DELETE 传递查询 一、OpenQuery使用说明 在指定的链接服务器上执行指定的传递查询。 …...
element-tree树结构-默认选中第一个节点高亮-根据id选中节点高亮
前言 tree树结构是在开发中经常使用的组件，比如区域树，楼层树，组织架构树，等等包含节点关系 实际开发可能需要我们一进到页面选中树形结构第一个节点，并且调用数据，来达到用户体验 在用户选择之后&#x…...
Python实操 PDF自动识别并提取Excel文件
最近几天，paddleOCR开发了新的功能，通过将图片中的表格提取出来，效果还不错，今天，作者按照步骤测试了一波。 首先，讲下这个工具是干什么用的：它的功能主要是针对一张完整的PDF图片，可…...
JVM监控和调优常用命令jps|jstat|jinfo|jmap|jhat|jstack实战
1.JVM监控和调优的主要目的 性能优化：通过JVM调优，可以提高Java应用程序的性能，减少响应时间，提高吞吐量，以更好地满足用户需求。性能优化可以加快应用程序的执行速度，减少延迟，提高用户体验。 内存管理：JVM负责管理Java应用程序的内存。正确的内存管理可以避免内存泄漏…...
观成科技：隐蔽隧道工具Ligolo-ng加密流量分析
1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具，该工具基于TUN接口实现其功能，利用反向TCP/TLS连接建立一条隐蔽的通信信道，支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式，适应复杂网…...
在软件开发中正确使用MySQL日期时间类型的深度解析
在日常软件开发场景中，时间信息的存储是底层且核心的需求。从金融交易的精确记账时间、用户操作的行为日志，到供应链系统的物流节点时间戳，时间数据的准确性直接决定业务逻辑的可靠性。MySQL作为主流关系型数据库，其日期时间类型的…...
docker详细操作--未完待续
docker介绍 docker官网: Docker：加速容器应用程序开发 harbor官网：Harbor - Harbor 中文 使用docker加速器: Docker镜像极速下载服务 - 毫秒镜像 是什么 Docker 是一种开源的容器化平台，用于将应用程序及其依赖项（如库、运行时环…...
rknn优化教程（二）
文章目录 1. 前述2. 三方库的封装2.1 xrepo中的库2.2 xrepo之外的库2.2.1 opencv2.2.2 rknnrt2.2.3 spdlog 3. rknn_engine库 1. 前述 OK，开始写第二篇的内容了。这篇博客主要能写一下： 如何给一些三方库按照xmake方式进行封装，供调用如何按…...
React hook之useRef
React useRef 详解 useRef 是 React 提供的一个 Hook，用于在函数组件中创建可变的引用对象。它在 React 开发中有多种重要用途，下面我将全面详细地介绍它的特性和用法。 基本概念 1. 创建 ref const refContainer useRef(initialValue);initialValu…...
JavaScript 中的 ES|QL：利用 Apache Arrow 工具
作者：来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗？了解下一期 Elasticsearch Engineer 培训的时间吧！ Elasticsearch 拥有众多新功能，助你为自己…...
高频面试之3Zookeeper
高频面试之3Zookeeper 文章目录 高频面试之3Zookeeper3.1 常用命令3.2 选举机制3.3 Zookeeper符合法则中哪两个？3.4 Zookeeper脑裂3.5 Zookeeper用来干嘛了 3.1 常用命令 ls、get、create、delete、deleteall3.2 选举机制 半数机制（过半机制࿰…...
376. Wiggle Subsequence
376. Wiggle Subsequence 代码 class Solution { public:int wiggleMaxLength(vector<int>& nums) {int n nums.size();int res 1;int prediff 0;int curdiff 0;for(int i 0;i < n-1;i){curdiff nums[i1] - nums[i];if( (prediff > 0 && curdif…...
基于当前项目通过npm包形式暴露公共组件
1.package.sjon文件配置 其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹，并新增内容 3.创建package文件夹...
什么是库存周转？如何用进销存系统提高库存周转率？
你可能听说过这样一句话： “利润不是赚出来的，是管出来的。” 尤其是在制造业、批发零售、电商这类“货堆成山”的行业，很多企业看着销售不错，账上却没钱、利润也不见了，一翻库存才发现： 一堆卖不动的旧货…...