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

最新推荐文章于 2024-05-10 08:42:42 发布
最新推荐文章于 2024-05-10 08:42:42 发布
阅读量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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react PC端项目构建TS，react@18.2.0+antd+vite+axios+redux+sass+ts
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
vite-plugin-svgr:Vite插件将SVG转换为React组件
05-10
vite-plugin-svgr Vite插件可将SVG转换为React组件。 在引擎盖下使用 。用法// vite.config.jsimport svgr from 'vite-plugin-svgr'export default { // ... plugins : [ svgr ( ) ] ,} 然后可以将SVG文件作为React...
在使用vue3 + vite + ant design vue 的时候，引用组件，打包会报错
m0_58133506的博客
03-07 603
【代码】在使用vue3 + vite + ant design vue 的时候，引用组件，打包会报错。
使用 antd Row 组件时 vite 提示引入 row 组件 css 发生错误
qq_40184218的博客
11-26 1349
使用 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
前端开发技术栈（工具篇）：2024深入了解快速开发工具vite的安装和使用（详细）
最新发布
油墨香^-^的博客
05-10 492
Vite是新一代前端开发与构建工具，能够显著提升前端开发体验。Vite意在提供开箱即用的配置，同时它的插件API和JavaScript API 带来了高度的可扩展性，并有完整的类型支持。由于其原生 ES模块导入方式，可以实现非常快的冷服务器启动。Vite 是 vue 的作者尤雨溪在开发vue3.0的时候开发的一个。
创建一个指定版本的 Vite 项目
壹九九伍博客
09-05 1686
命令创建项目时，如果未指定版本号，则会安装最新版本的 Vite。如果你希望使用不同的 Vite 版本，需要显式地指定版本号。的新目录，并在其中初始化一个 Vite 项目。Vite 会自动安装指定版本的相关依赖项并生成默认的项目结构和配置文件。是要安装的 Vite 版本。要创建一个指定版本的 Vite 项目，请使用。
使用vite2.x + react17.x搭建项目
weixin_43090018的博客
01-04 1554
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
01.Vite 的安装和使用
qq_34820433的博客
04-25 3151
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相关构建工具安装
vite-react-app:由vite2创建的简单React应用
05-02
Vite2 + React + React-Router+ Recoil + Scss A simple React Application boilerplate be created by vite2. Directory Organization The following is the main code directory arrangement. . ├── config // ...
vite-plugin-antd-theme:vite下的antd-design-vue主题变量生成插件
08-04
vite-plugin-antd-theme vite 下的 antd-design-vue 主题生成插件，依赖 antd-theme-generator demo vite.config.ts // ... import viteAntdTheme, { ThemeEntry, AntdThemeOptions } from 'vite-plugin-antd-theme'...
vite-react:创建的一个vite + react的简单后台模版
03-19
git clone git@github.com:CrazyMrYan/vite-react.git 下载依赖 yarn install 启动 yarn dev 使用技术 React 恶作剧 蚂蚁 React路由器域 @ ant-design / charts @ ant-design / icons pubsub-js 访问地址
yarn vite vue3.x
Gblfy_Blog
10-31 5878
文章目录一、插件安装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 8326
Vite是新一代前端开发与构建工具，能够显著提升前端开发体验。Vite意在提供开箱即用的配置，同时它的插件API和JavaScript API 带来了高度的可扩展性，并有完整的类型支持。由于其原生 ES模块导入方式，可以实现非常快的冷服务器启动。Vite 是 vue 的作者尤雨溪在开发vue3.0的时候开发的一个。
vue3 +vite +antDesign 报错无法解析antd.css文件
jiangchenW的博客
07-31 1234
使用Ant Design of Vue 4.x版本开发时，报错无法解析antd样式文件。查看依赖文件发现并不存在antd.css文件.
Vite教程 安装
热门推荐
weixin_45441173的博客
07-30 3万+
Vite教程 安装
vite + react 基本项目搭建
QZ9420的博客
09-24 655
在上面我们已经集成好了我们代码校验工具，但是需要每次手动的去执行命令才会格式化我们的代码。如果有人没有格式化就提交了远程仓库中，那这个规范就没什么用。要做到这件事情，就需要利用husky在代码提交之前触发git hook(git在客户端的钩子)，然后执行。团队开发项目的时候，需要统一包管理器工具,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现bug问题,因此包管理器工具需要统一管理！如果存在index.css，建议删除该文件以及文件引入。来自动的格式化我们的代码。文件，添加下面的内容。
vue3+vite
weixin_45086164的博客
03-09 962
vue3+vite
安装指定版本的Vue
kobe_IT的博客
08-02 1万+
安装指定版本的Vue
react vite使用require报错
05-18
React Vite 默认使用 ES Modules，而 `require` 属于 CommonJS 规范，所以在 React Vite 中使用 `require` 会报错。可以尝试使用 `import` 替代 `require`，或者在 Vite 配置文件中添加 `commonjs` 插件来支持 CommonJS 规范。 具体操作步骤如下： 1. 安装 `@vitejs/plugin-commonjs` 插件： ``` npm install @vitejs/plugin-commonjs -D ``` 2. 在 `vite.config.js` 中配置插件： ```js import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; import commonjs from '@vitejs/plugin-commonjs'; export default defineConfig({ plugins: [ react(), commonjs(), // 配置 commonjs 插件 ], }); ``` 这样就可以在 React Vite 中使用 `require` 了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值