当前位置： 首页 > news >正文

React refers to UMD global, but the current file is a module vite初始化react项目

news 文章来源：https://blog.csdn.net/u014071104/article/details/132773727 2024/12/1 0:33:49

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 dev

vscode编辑器报红

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…...

编程日记 2023/9/10 5:35:00

vscode 调试 ROS2

1、在下列目录同层级找到.vscode文件夹 . ├── build ├── install ├── log └── src 2、 安装ros插件 3、创建tasks.json文件，添加下列内容 //代替命令行进行编译 {"version": "2.0.0","tasks": [{"label": &…...

编程日记 2023/9/10 5:33:59

TuyaOS开发学习笔记（2）——NB-IoT开发SDK架构、运行流程

一、SDK架构 1.1 架构框图 基于 TuyaOS 系统，可以裁剪得到的适用于 NB-IoT 协议产品接入的 SDK。SDK 将设备配网、上下行数据通信、产测授权、固件 OTA 升级等接口进行封装，并提供相关函数。 1.2 目录结构 1.2.1 TuyaOS目录说明 adapter：T…...

编程日记 2023/9/10 5:32:58

Qt应用开发(基础篇)——普通按钮类 QPushButton QCommandLinkButton

一、前言 QPushButton类继承于QAbstractButton，是一个命令按钮的小部件。 按钮基类 QAbstractButton 按钮或者命令按钮是所有图形界面框架最常见的部件，当按下按钮的时候触发命令、执行某些操作或者回答一个问题，典型的按钮有OK，A…...

编程日记 2023/9/10 5:31:57

Data Structures Fan(cf)

考察异或运算以及前缀和 题意大概：给你一个长度为n的a数组，一个长度为n的01字符串，会询问q次 当x的值为1 给出 l r 将 l r 区间中的0 改变为1，1改变为0 。当x的值为2是 若随后的数为0 则输出当前字符串中 是0 的a数组中的数异或 …...

编程日记 2023/9/10 5:30:56

BIOS ＜ UEFI

Basic Input Output System （BIOS） Unified Extensible Firmware Interface （UEFI）...

编程日记 2023/9/10 5:29:55

微信最新更新隐私策略（2023-08-15）

1、manifest.json 配置修改 在mp-weixin: 参数修改&#xff08;没有就添加&#xff09; "__usePrivacyCheck__": true, ***2、注意 微信开发者工具调整 不然一直报错 找不到 getPrivacySetting 废话不多说 上代码 3、 编辑首页 或者用户授权界面 <uni-popup…...

编程日记 2023/9/10 5:28:54

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…...

编程日记 2023/9/10 5:27:53

Spring Boot集成JPA和ClickHouse数据库

简介 Spring Boot是一个用于创建独立的、基于Spring的应用程序的框架。它具有快速开发特性&#xff0c;可以大大减少开发人员的工作量。JPA&#xff08;Java Persistence API&#xff09;是Java中处理关系型数据库持久化的标准规范&#xff0c;而ClickHouse是一个高性能、分布…...

编程日记 2023/9/10 5:26:52

Hadoop生态圈中的Hive数据仓库技术

Hadoop生态圈中的Hive数据仓库技术 一、Hive数据仓库的基本概念二、Hive的架构组成三、Hive和数据库的区别四、Hive的安装部署五、Hive的基本使用六、Hive的元数据库的配置问题七、Hive的相关配置项八、Hive的基本使用方式1、Hive的命令行客户端的使用2、使用hiveserver2方法操…...

编程日记 2023/9/10 5:25:52

idea配置gitLab

前言&#xff1a;网上有很多类似的文章&#xff0c;但描述不够详细 步骤1&#xff1a;安装git 如果安装成功再次点击TEST按钮展示如下&#xff1a;git版本 步骤2&#xff1a;idea配置gitlab 查看当前项目管理的 远程仓库再git的地址&#xff0c;该地址可是gitLab的&#xff0…...

编程日记 2023/9/10 5:24:51

工程可以编译通过，但是Vscode依然有波浪线提示

前言 &#xff08;1&#xff09;我们在使用Vscode进行开发的时候&#xff0c;命名文件成功编译通过了&#xff0c;但是Vscode还是有波浪线的提示。 &#xff08;2&#xff09;其实成功编译通过就行&#xff0c;但是肯定还会存在一些强迫症患者&#xff0c;硬要消除这个报错。接…...

编程日记 2023/9/10 5:23:50

黑马JVM总结（二）

&#xff08;1&#xff09;栈 栈帧对应一次方法的调用&#xff0c;线程是要执行代码的&#xff0c;这些代码都是由一个个方法组成&#xff0c;线程运行的时候每个方法需要的内存叫做一个栈帧 &#xff08;2&#xff09;栈的演示 Frames&#xff1a;相当有栈 方法相当于栈帧…...

编程日记 2023/9/10 5:22:49

《Effective C++中文版，第三版》读书笔记7

条款41&#xff1a; 了解隐式接口和编译期多态 隐式接口&#xff1a; ​ 仅仅由一组有效表达式构成&#xff0c;表达式自身可能看起来很复杂&#xff0c;但它们要求的约束条件一般而言相当直接而明确。 显式接口&#xff1a; ​ 通常由函数的签名式&#xff08;也就是函数名…...

编程日记 2023/9/10 5:21:48

脚本：python实现动态爱心

文章目录 效果代码Reference python实现dynamic heart 效果 代码 import turtle as tu import random as ratu.setup(0.5, 0.5) # 设置画板大小&#xff08;小数表示比例&#xff0c;整数表示大小&#xff09; tu.screensize(1.0, 1.0) # 设置屏幕大小 tu.bgcolor(black) #…...

编程日记 2023/9/10 5:20:46

【李宏毅】深度学习6：机器学习任务攻略

如果在测试集上的效果不佳&#xff0c;应该要做什么&#xff1f;Optimization 如何选择&#xff1f;解决 overfitting 的方法&#xff1f; 测试集上的效果不佳 看训练数据的loss&#xff0c;是不是模型本身就没训练好&#xff1f; 问题&#xff1a;model 太简单了&#xff0c…...

编程日记 2023/9/10 5:19:45

如何使用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使用说明 在指定的链接服务器上执行指定的传递查询。 …...

编程日记 2023/9/10 5:18:44

element-tree树结构-默认选中第一个节点高亮-根据id选中节点高亮

前言 tree树结构是在开发中经常使用的组件&#xff0c;比如区域树&#xff0c;楼层树&#xff0c;组织架构树&#xff0c;等等包含节点关系 实际开发可能需要我们一进到页面选中树形结构第一个节点&#xff0c;并且调用数据&#xff0c;来达到用户体验 在用户选择之后&#x…...

编程日记 2023/9/10 5:17:42

Python实操 PDF自动识别并提取Excel文件

最近几天&#xff0c;paddleOCR开发了新的功能&#xff0c;通过将图片中的表格提取出来&#xff0c;效果还不错&#xff0c;今天&#xff0c;作者按照步骤测试了一波。 首先&#xff0c;讲下这个工具是干什么用的&#xff1a;它的功能主要是针对一张完整的PDF图片&#xff0c;可…...

编程日记 2023/9/10 5:16:41

JVM监控和调优常用命令jps|jstat|jinfo|jmap|jhat|jstack实战

1.JVM监控和调优的主要目的 性能优化：通过JVM调优，可以提高Java应用程序的性能，减少响应时间，提高吞吐量，以更好地满足用户需求。性能优化可以加快应用程序的执行速度，减少延迟，提高用户体验。 内存管理：JVM负责管理Java应用程序的内存。正确的内存管理可以避免内存泄漏…...

编程日记 2023/9/10 5:15:40

chatglm2-6b在P40上做LORA微调 | 京东云技术团队

背景&#xff1a; 目前&#xff0c;大模型的技术应用已经遍地开花。最快的应用方式无非是利用自有垂直领域的数据进行模型微调。chatglm2-6b在国内开源的大模型上&#xff0c;效果比较突出。本文章分享的内容是用chatglm2-6b模型在集团EA的P40机器上进行垂直领域的LORA微调。 …...

编程日记 2023/9/10 5:14:39

WebGL 同时使用多幅纹理

目录 前言 ​编辑 示例代码 颜色矢量的分量乘法来计算两个纹素最终的片元颜色 注册事件响应函数&#xff1a;loadTexture&#xff08;&#xff09;&#xff0c;最后一个参数是纹理单元编号。 请求浏览器加载图像&#xff1a; 配置纹理&#xff1a;loadTexture&#xff0…...

编程日记 2023/9/10 5:13:36

探索云计算和大数据分析的崛起：API行业的机遇与挑战【电商大数据与电商API接入】

I. 引言 随着云计算和大数据分析技术的快速发展&#xff0c;企业和个人对数据分析和处理的需求不断增加。在这个信息爆炸的时代&#xff0c;数据已成为企业决策和战略规划的重要基础。云计算提供了强大的计算和存储能力&#xff0c;使得大规模数据的处理和分析变得更加容易和高…...

编程日记 2023/9/10 5:12:35

android studio通过wifi、无线连接设备

AndroidStudio无线wifi调试设备_android studio wifi_zwylovemzj的博客-CSDN博客 使用​​adbWireless​​工具&#xff0c;其能够让手机用无线来取代USB连接而使用ADB工具 1. 手机需要与电脑在同一局域网内 2. 把adbWireless安装到手机上&#xff0c;并开启&#xff0c;上面…...

编程日记 2023/9/10 5:11:34

kafka 3.5 主题分区ISR伸缩源码

ISR(In-sync Replicas)&#xff1a;保持同步的副本 OSR(Outof-sync Replicas)&#xff1a;不同步的副本。最开始所有的副本都在ISR中&#xff0c;在kafka工作的过程中&#xff0c;如果某个副本同步速度慢于replica.lag.time.max.ms指定的阈值&#xff0c;则被踢出ISR存入OSR&am…...

编程日记 2023/9/10 5:10:33

1-centOS7搭建伪分布式

前言&#xff1a;虚拟机快照的使用 VMware Workstation 软件可以用快照进行迅速的虚拟机状态的切换 ※. 类似于虚拟机备份&#xff0c; 可以使用备份进行快速恢复。 比如没安装jdk之前拍摄快照来备份 ※. 若jdk没安装好或者jdk环境变量配置的有问题&#xff0c; 可以用安装之…...

编程日记 2023/9/10 5:09:32

对开源自动化测试平台MeterSphere的使用感触

1&#xff1a;该平台可以通过接口&#xff0c;参数&#xff0c;配置的维护&#xff0c;然后继续接口自动化“一键测试”&#xff0c;功能还是挺强大的&#xff0c;具体的使用需要研究 MeterSphere的官网&#xff1a;MeterSphere - 专业测试云 2&#xff1a;一键测试在生产环境…...

编程日记 2023/9/10 5:08:31

Spring boot 第一个程序

新建工程 选择spring-boot版本 右键创建类TestController&#xff1a; 代码如下&#xff1a; package com.example.demo; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springf…...

编程日记 2023/9/10 5:07:30

【SpringMVC】实现增删改查(附源码)

目录 引言 一、前期准备 1.1.搭建Maven环境 1.2.导入pom.xml依赖 1.3.导入配置文件 ①jdbc.properties ②generatorConfig.xml ③log4j2.xml ④spring-mybatis.xml ⑤spring-context.xml ⑥spring-mvc.xml ⑦修改web.xml文件 二、逆向生成增删改查 2.1.导入相关u…...

编程日记 2023/9/10 5:06:29

理财是什么？怎样学习理财？

大家好&#xff0c;我是财富智星&#xff0c;今天跟大家分享一下理财是什么&#xff1f;怎样学习理财的方法。 一、理财的基本原则 1、理财应注重投资而不是投机&#xff0c;要与时间为友。 让我们先考虑以下问题&#xff1a;什么样的回报才算是真正的高回报&#xff1f;假设有…...

编程日记 2023/9/10 5:05:28

网站套用模板/今天全国疫情最新消息

转载&#xff1a;http://blog.csdn.net/phpkernel/archive/2010/07/13/5732784.aspx 变量的内部引用和计数 在引擎内部&#xff0c;一个PHP的变量是保存在“zval”结构中&#xff0c;此结构包含了变量的类型和值信息&#xff0c;这个在之前的文章 变量的内部存储&#xff1…...

编程日记 2024/11/30 18:31:18

网站制作价格/怎么看关键词的搜索量

1. 本章小结 2. 常见问题和易混淆知识点 2.1 如何表示一个数值数据?计算机中的数值数据都是二进制数吗? 2.2 在高级语言编程中所定义的 unsigned/shortint/long/floatl/double型数据是怎么表示的?什么称为无符号整数的“溢出”? 2.3 如何判断一个浮点数是否是规格化数? 2.…...

编程日记 2024/11/30 16:42:25

做网站有前途吗/免费网站分析seo报告是坑吗

pythonopencv车道线检测(简易实现)&#xff0c;供大家参考&#xff0c;具体内容如下技术栈&#xff1a;pythonopencv实现思路&#xff1a;1、canny边缘检测获取图中的边缘信息&#xff1b;2、霍夫变换寻找图中直线&#xff1b;3、绘制梯形感兴趣区域获得车前范围&#xff1b;4、…...

编程日记 2024/11/30 13:40:43

wordpress 重写 函数/百度灰色关键词排名

运动损伤按损伤形成时间分()(由于各种原因形成的突发损伤&#xff0c;指一瞬间遭受直接暴&#xff0c;的损伤)&#xff0c;慢性骑自行车的人上坡前往往要加紧蹬几下&#xff0c;这样的目的是&#xff1a;[ ]A&#xff0e;增大车的动能 B&#xff0e;增大车的势能　　 C&#xf…...

编程日记 2024/11/30 10:45:37

开发小网站一般多少钱一个/今日十大头条新闻

1.简介 JSR是Java Specification Requests的缩写&#xff0c;意思是Java 规范提案 JSR-303 是JAVA EE 6 中的一项子规范&#xff0c;叫做Bean Validation 即&#xff0c;JSR 303&#xff0c;Bean Validation规范 &#xff0c;为Bean验证定义了元数据模型和API.。默认的元数据…...

编程日记 2024/11/30 9:21:58

怀化网站建设/企业网站设计服务

近期安装oracle到时候出现的一些问题记录1.安装完成无法启动,检查初始化参数2.监听配置1521以及其它端口都不通,检查是否存在多网卡,检查hosts文件,手工配置listener.ora等;3.ORA-00119: invalid specification for system parameter LOCAL_LISTENER检查hosts文件,listener.ora…...

编程日记 2024/11/30 8:13:20