记录Bug：vite引入antd报错，以及安装react指定版本问题

最新推荐文章于 2024-06-19 15:10:29 发布
最新推荐文章于 2024-06-19 15:10:29 发布
阅读量1.4k 收藏
点赞数
分类专栏： javaScript react antd 文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_60178319/article/details/126135477
版权
javaScript 同时被 3 个专栏收录
11 篇文章 0 订阅
订阅专栏
react
11 篇文章 0 订阅
订阅专栏
antd
7 篇文章 0 订阅
订阅专栏

原因分析：

vite引入antd后报global is not defined，由于确定引入没问题，考虑到可能是react版本问题，于是到package中查看，好家伙，是下载的是最新版本，之后查看文档并没有相关说明，也有试过在package中直接修改版本号后重新安装依赖，可能版本配置有差别，项目无法运行。又测试安装的时候安装vite老版本，问题解决。

我的安装命令是: npm create vite@2.8.0 xxx 项目名
react版本是 ：17.0.2

在这里插入图片描述
在这里插入图片描述

Joey_iSleepy
关注
专栏目录
react18 + vite5 + typeScript + commitLint + prettier + eslint + husky + lintStaged 实现后台管理系统基本框架
小白小白从不日别的博客
06-04 368
npm run eject：项目中的一些配置被隐藏起来了，通过这个命令可以将配置文件反编译到项目中，从而获得配置的权利，这个操作是不可逆的，一旦编译出来就无法编译回去，一般来说不会执行这个命令，我们会通过其他方式去修改配置。：React18 引入了并发模式，Zustand 设计为响应式的状态管理库，可以很好地兼容 React18 的并发特性，确保应用的状态管理在并发模式下仍然稳定和高效。：Zustand 采用了最小的 re-render 策略，只会在状态实际变化时触发组件重新渲染，避免了不必要的性能开销。
超容易上手的React项目实战：小黑盒组件开发，BUG全都退~退~退~
小王的技术库
08-25 647
这是我第一个react项目，虽然只完成了一部分，但是终究是迈出了react开发的第一步，后面也会继续完善这个项目，如果有错误欢迎各位指出。希望这篇文章能够帮助到像我一样正在学习react的同学们。本文只给出了一些关键代码，全部代码地址如下（已开源）：项目地址：gitee地址，github地址。
使用 antd Row 组件时 vite 提示引入 row 组件 css 发生错误
qq_40184218的博客
11-26 1399
使用 antd Row 组件时 vite 提示引入 row 组件 css 发生错误： [plugin:vite:import-analysis] Failed to resolve import "antd/lib/row/style/index.less" from "src/views/Form/Base/Project/index.tsx". Does the file exist? /Users/wucheng085/Development/WorkSpace/luban/construct-lub
【踩坑】vite项目使用ant＜a-date-picker /＞提示报错 rr.isMoment is not a function 解决方法
Jinkerr的博客
05-07 952
vite项目使用ant的提示报错 rr.isMoment is not a function 解决方法
【 Vue 问题 】Antd ConfigProvider 国际化在 Vite 打包的项目失效
野生松
12-23 2042
环境：Vue：2.6.12、Moment：2.29.1、Vite：2.1.5 正常情况下这样写就行了： import moment from "moment"; import "moment/locale/zh-cn"; moment.locale("zh-cn"); 但是事实上就是不行，出来是这种效果： 原因：因为 Vite 不支持 serve umd，必须是 ES modules。而 Moment 它的moment/locale/zh-cn 文件恰好是umd 。所以我们就不能直接用。...
创建一个指定版本的 Vite 项目
壹九九伍博客
09-05 2742
命令创建项目时，如果未指定版本号，则会安装最新版本的 Vite。如果你希望使用不同的 Vite 版本，需要显式地指定版本号。的新目录，并在其中初始化一个 Vite 项目。Vite 会自动安装指定版本的相关依赖项并生成默认的项目结构和配置文件。是要安装的 Vite 版本。要创建一个指定版本的 Vite 项目，请使用。
安装指定版本的ant-design-vue和指定版本的@ant-design/icons-vue 图标组件包
gurenchang的博客
04-16 2150
安装指定版本的ant-design-vue和指定版本的@ant-design/icons-vue 图标组件包
熬夜准备的一个React项目升级Vite的指南
petertanjinjie的博客
04-24 728
写在开头（边听歌边看效果更佳）在之前，已经很多朋友已经升级到了vite,但是大部分都是vue的项目，那么今天我们把之前webpack的react项目升级到vite!为此，为了让大家少踩坑，...
从零搭建一个Vite-react脚手架(附源码)
petertanjinjie的博客
07-30 900
写在开头（边听歌边看效果更佳）在之前，已经很多朋友已经升级到了vite,但是大部分都是vue的项目，那么今天我们把之前webpack的react项目升级到vite!为此，为了让大家少踩坑，...
超容易上手的React项目实战：小黑盒组件开发，BUG全都退！退！退！
weixin_52946191的博客
07-06 607
正好赶上Steam的夏促活动，而我一般使用小黑盒这款移动端app查看优惠（背刺）信息，于是就想着能不能自己动手使用React开发一个类似小黑盒的界面来锻炼自己组件开发的能力。
使用vite2.x + react17.x搭建项目
weixin_43090018的博客
01-04 1678
vite版本版本：vite：2.7.2 react版本：react：17.0.2 代码仓库地址：gitee地址哦 今天是2022年的第一天上班，想着 摸会鱼吧 学习新东西，也好久没弄vite和react了，干脆一不二不休，一起整一个 1、创建项目 命令 # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要额外的双横线： npm init vite@latest my-vue-app -- --template vue
从0到1使用vite搭建react项目保姆级教程（持续更新中）
最新发布
风中追风
06-19 8150
要使用Vite创建一个React项目，你需要按照以下步骤操作：1、确保你已经安装了Node.js（建议使用最新的稳定版本）。2、 使用npm命令安装Vite CLI工具，再来创建项目3、运行上述命令后，按照提示选择“create-react-app”模板创建项目。4、输入项目名称，例如“my-react-app”。5、选择需要的选项，例如选择JavaScript或TypeScript作为项目的编程语言。
01.Vite 的安装和使用
qq_34820433的博客
04-25 3568
1. 首先要安装 Node.js 运行环境，直接从官网下载安装，目前最新版本 15.7；PS：目前使用的版本是 vite2，那么第三阶段的知识点就采用这个构建工具；2. 所需要的基础：《Vue3.x 核心篇》和《Vue3.x 工具篇》即可；3. 安装好之后，缺少 node_modules，需要进入项目目录安装；(4) . ...更多查看官网首页；2. 通过以下命令进行安装，会一步步引导你安装完毕；PS：支持预设的模版，我们这里选择 Vue 即可；(2) . 轻量快速的热重载；(1) . 极速的服务启动；
Vue开发基础知识
weixin_43791013的博客
11-27 1万+
Vue相关构建工具安装
yarn vite vue3.x
Gblfy_Blog
10-31 5964
文章目录一、插件安装1. vue-router2. vuex3. element-plus4. axios5. sass二、Yarn 常用命令2.1. 添加依赖包2.2. 将依赖项添加到不同依赖项类别2.3. 升级依赖包2.4.移除依赖包2.5.安装package.json里的包依赖三、Vite3.1. 简述3.2. 全局安装vite3.3. 创建项目3.4. 下载依赖3.5. 运行项目3.6. 安装路由3.7. 安装vuex3.8. 安装sass3.9. main.js 一、插件安装 安装项目生
前端开发技术栈（工具篇）：2023深入了解快速开发工具vite的安装和使用（详细）
油墨香^-^的博客
08-09 1万+
Vite是新一代前端开发与构建工具，能够显著提升前端开发体验。Vite意在提供开箱即用的配置，同时它的插件API和JavaScript API 带来了高度的可扩展性，并有完整的类型支持。由于其原生 ES模块导入方式，可以实现非常快的冷服务器启动。Vite 是 vue 的作者尤雨溪在开发vue3.0的时候开发的一个。
vue3 +vite +antDesign 报错无法解析antd.css文件
jiangchenW的博客
07-31 1539
使用Ant Design of Vue 4.x版本开发时，报错无法解析antd样式文件。查看依赖文件发现并不存在antd.css文件.
Vite教程 安装
热门推荐
weixin_45441173的博客
07-30 4万+
Vite教程 安装
vite + react 基本项目搭建
QZ9420的博客
09-24 749
在上面我们已经集成好了我们代码校验工具，但是需要每次手动的去执行命令才会格式化我们的代码。如果有人没有格式化就提交了远程仓库中，那这个规范就没什么用。要做到这件事情，就需要利用husky在代码提交之前触发git hook(git在客户端的钩子)，然后执行。团队开发项目的时候，需要统一包管理器工具,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现bug问题,因此包管理器工具需要统一管理！如果存在index.css，建议删除该文件以及文件引入。来自动的格式化我们的代码。文件，添加下面的内容。
Reactplate：Vite驱动的React.js快速开发与SSR/SSG/PWA支持
资源摘要信息:"reactplate是一个基于React.js的项目快速起始模板，它结合了现代前端开发工具Vite，旨在提供一个最小、高效的设置，使得开发者能够快速启动和运行一个新的React应用。该模板内置了多个重要功能，以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值