初始化一个dva+antd的react项目时npm start出错

最新推荐文章于 2025-06-03 09:13:06 发布
最新推荐文章于 2025-06-03 09:13:06 发布
阅读量2.9k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： a'
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yesbuter_zhang/article/details/79321867
本文介绍了一个关于使用antd组件库时遇到的问题，在配置webpackrc文件过程中加入特定代码导致的错误情况，通过调整配置解决了该问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

按照antd官网的项目实战实现一个项目.webpackrc中添加

"extraBabelPlugins": [

["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]

],

后报以下错，删掉.webpackrc中的该段内容，保留{}，该错误便没有了

yesbuter_zhang
关注
React + Dva + Antd项目搭建入门
Joson
03-06 2982
本项目环境：（在该环境下测试通过，默认使用cnpm） dva 0.9.2 node 8.10.0 安装 dva-cli 确保版本在 0.9.1 及以上 $ npm install dva-cli -g $ dva -v dva-cli version 0.9.2 创建新应用 $ dva new dva-demo 完成之后进入生成的项目文件夹并启动项目 $ cd dva-demo $ npm...
React+Umi+Dva+Antd后台管理系统——开篇搭环境
原来你来过
02-28 1341
搭建环境 工具 ： create-umi 环境： node v14.16.0 umi 3.3.9 yarn 1.22.10 全局安装umi插件 # umi ## 全局安装umi，并确保版本是2.0.0或以上 $ yarn global add umi 通过脚手架创建项目 介绍 create-umi umi 通过 create-umi 提供脚手架能力，包含： project，通用项目脚手架，支持选择是否启用 TypeScript，以及 umi-plugin-react 包含的功能 ant-design
【umi4.x】启动报错 AssertionError [ERR_ASSERTION]: Invalid config keys: locale报错
hzxOnlineOk的博客
11-09 6837
配置不存在或者错误配置导致的，删除或者完善该配置即可解决该问题。报错，这是因为该版本。
React配置less和antd
Vincehex
12-27 399
版本 “less”: “^4.0.0”, “less-loader”: “5.0.0”, “react”: “^17.0.1”, “babel-plugin-import”: “^1.13.3”, 暴露webpack配置 yarn eject 如果报错，先用git提交一下 git add . git commit -m “init” 支持less 对 webpack.config.js 进行修改 修改正则匹配的语法，蓝框中 antd按需加载组件 安装 babel-plugin-impo
精通React UI框架Ant Design：组件使用技巧与实战
最新发布
weixin_30789053的博客
06-03 1033
Ant Design 是一个企业级的 UI 设计语言和 React 实现，旨在为开发者和设计师提供一套简单、高效、一致的设计解决方案。它不仅仅是一套组件库，还包括了设计规范、开发工具、主题定制等多个方面，全方位地满足前端开发的需求。在现代Web界面设计中，Icon组件的作用至关重要。它们不仅提供了直观的视觉元素，增强了用户体验，还可以通过丰富的图标库支持来传递特定的意图和信息。本章将探讨Ant Design中Icon组件的设计与使用，并且详细讨论如何自定义图标，优化和扩展Icon组件的性能。
UmiJS4非Umi Max开启Dva及其他插件的方法
catalike的博客
08-17 6231
迁移到Umi4出现了一些问题，会记录下来并提供解决办法。
【umi】Invalid config keys: nodeModulesTransform
hzxOnlineOk的博客
12-12 2434
Umi v3 升级 Umi v4 会遇到该问题
dva创建应用和使用antd中报错解决方案
chenwenqqqq的博客
10-24 369
在控制台安装dva npm install dva-cli -g 报了错，结果换成管理员身份运行命令控制台，再输入指令就成功了 引入antd npm install antd babel-plugin-import --save 报错如下 换成cnpm安装就ok了 cnpm install antd babel-plugin-import --save ...
React+Dva+Antd.docx
08-19
在本文中，我们将深入探讨如何使用React、Dva和Ant Design(Antd)来构建一个前端应用程序。Antd是蚂蚁金服开发的基于React的UI组件库，提供了丰富的设计模式和组件，使得开发者能够快速构建高质量的企业级应用。Dva则...
基于 umi + dva + antd-mobile 快速构建H5 APP 应用。.zip
02-08
2. **初始化 umi 项目**：运行 `umi init` 命令创建一个基本的 umi 项目结构。在这个过程中，可以选择默认的配置或自定义设置，如路由、插件等。 3. **引入 dva**：在 `package.json` 文件中，添加 dva 作为项目...
umi-dva-typescript-mock：基于umi + dva +打字稿+模拟+ antd的React框架，内置PWA
02-05
一个开发框架，目前包含工具+路由，已经包含了react，redux，router，不包含数据和视图。 基于 ， 和的轻量级前端框架。 JS的强类型版本 UI库任选或 用做代码规范 umi内置功能，默认开启，无需单独配置 安装 yarn ...
总结6周及现在
m0_53825856的博客
05-20 680
if (getScrollTop() + getScrollHeight() === getScrollHeight()) {}处理加载更对。前者 cls({box:true, on:xx})后者cls({[xxx.box]:true,[xxx. on]:xx})项目使用cls无效需要查看是import “./xxx,less”还是import xxx from “./less”14 //判断浏览器的类型，在基于ie内核的浏览器中的使用cancelBubble。
Dva引入antd报错 Module not found: Can‘t resolve ‘antd/es/button/style/css‘ in 项目路径
weixin_45966674的博客
07-05 2054
Dva中根本不需要单独引入antd/es/button/style/css。最新的antd可能存在一些语法兼容的问题。.webpackrc中写的够明白了。然后再次运行项目 这个问题就解决了。这个其实是个版本问题。将原来的依赖给他干掉。
antdprov5
weixin_44999716的博客
06-13 1461
antd pro v5
Jest编译过程中的报错汇总
jean850218的博客
08-30 1432
持续更新中~ 1、Couldn't find preset "env" relative to directory "E:\\gitHub" 解决方案： Many of the github issues relating to this suggest that babel-preset-env is not installed. Indeed it doesn't seem to ...
Antd pro Yarn 下载出错 Invalid config key: dll
weixin_42274697的博客
10-10 2081
由于npm install 太慢了 就用yarn 下载 node_modules 在项目里全局搜了一下dll 最后在config.js文件里找到了 随后看了一下现在从官网下载下来的项目 并没有这一段 ，可能是以前的版本自带的， 后来删掉这一段 ，就正常运行了。???? ...
Antd的日期选择器中文化配置，不生效问题解决办法，坑啊
08-15 1217
当你使用antd的日期选择器后，你会发现日期什么都是英文的：即便你已经在项目中配置了中文化：我确实已经配置了中文化：但是为啥没生效？
Umi报错 Invalid config key: esbuild
qq_33715850的博客
02-22 6101
Umi报错 Invalid config key: esbuild
React 折腾记 - (10) UmiJS 2.x + antd 重写后台管理系统记录的问题及解决姿势
weixin_34380948的博客
12-21 1033
前言 用的是umi 2.x ,写起来挺舒服;顺带完善了上一版本后台的一些细节问题,功能等 umijs类似create-react-app, 也是一套方案的集合体,亮点很多.可以具体官网去看 声明式的路由(nuxtjs既视感) dva(基于redux+redux-saga的封装方案):写起来有vuex的感觉; 主要记录我在过程中遇到的问题及解决的姿势,技术栈 antd 3.11.x + umi ...
DvaInitial：Dva与Antd结合的初始化项目解决方案
- **Dva** 是一个基于 **Redux** 和 **React** 的轻量级前端框架，旨在简化基于React的项目开发。Dva通过集成Redux、react-router、react-redux等库，提供了一套清晰、简洁的编程模式和数据流方案，使得开发者能够...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值