dva.js学习之快速上手－－Module not found: Can't resolve 'react' in...

最新推荐文章于 2025-06-25 09:50:41 发布
最新推荐文章于 2025-06-25 09:50:41 发布
阅读量1.3w 收藏
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_33100059/article/details/81629702
本文记录了在使用dva.js结合antd时遇到的模块找不到错误，并给出了具体的解决方案，涉及修改.webpackrc文件使其支持antd样式加载。

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

今天学习dva.js时，跟随官网的快速上手练习小demo，频频出错

错误描述：

../node_modules/antd/es/_util/wave.js
Module not found: Can't resolve 'react' in 'C:\Users\HappyKnow\Desktop\dva-demo\node_modules\antd\es\_util'
Compiling...

不懂这是什么错，但最后对比其他项目的对应文件找出解决方法。

快速上手中配置antd

编辑 .webpackrc，使 babel-plugin-import 插件生效。

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

 而我对比其他项目的.webpackrc文件都是有.js后缀的,所以这里我就把原本的.webpackrc文件改为.webpackrc.js

问题解决！

虽然我并不知道为什么。

qq_33100059
关注
安装框架并解决filePath not found of swagger-ui-react/swagger-ui.css和查不到.cache\mfsu\mf-va_remoteEntry.js文件
念兮为美
06-28 3000
no such file or directory, open 'D:\project\1myProject\myAppUmi4\node_modules\.cache\mfsu\mf-va_remoteEntry.js'， AssertionError [ERR_ASSERTION]: filePath not found of swagger-ui-react/swagger-ui.css
Module not found: Can't resolve 'react' in 'E:\GitHub\computer_examination\src'--解决方案
clf_programing
05-21 1万+
Module not found: Can't resolve 'react' in 'E:\GitHub\computer_examination\src'，这个错误是由于手动安装依赖包后导致某些包丢失问题导致的，原因如下：是create-react-app有丢包的缺陷，手动安装包后，需要重新 npm install 一下，这样 npm start命令才能正常执行。解决方案：npm instal...
react启动项目报错：Module not found: Error: Can‘t resolve ‘@/路径‘ in ‘路径‘
weixin_53198972的博客
08-02 2864
原因：这个错误是由于create-react-app项目已经不再维护，所以babel-preset-react-app依赖的 "@babel/plugin-proposal-private-property-in-object"包可能不再更新，导致出现未声明依赖的错误。文件中添加"@babel/plugin-proposal-private-property-in-object"包到devDependencies中。原因：webpack没有对@绝对路径进行配置，导致没有办法识别该路径。
Module not found: Error: Can‘t resolve ‘core-js/modules/es.array.concat.js‘
最新发布
计算机辅助工程
06-25 674
遇到错误“Module not found: Error: Can’t resolve ‘core-js/modules/es.array.concat.js’”通常是因为你的项目中使用了core-js库，但是你的项目配置或者core-js的版本不支持你正在尝试使用的功能。由于不同版本的core-js支持的功能不同，你需要确认你的项目中使用的core-js版本是否支持es.array.concat.js。如果你的项目中使用的core-js版本过低，不支持你需要的模块，你可以尝试更新到更高版本。
React项目报错Module not found: Error: Can‘t resolve ‘react-native‘
weixin_45769562的博客
07-21 2187
import { Text, TextInput, View } from 'react-native'后编译出错，解决办法：npm install react-native-web。
Module not found: Error: Can't resolve 'react' in 'E:\webpack\webpack-sample-project\app'
ccss__ddnn的博客
10-10 1888
在npm run server的时候，报错： ERROR in ./app/main.js Module not found: Error: Can't resolve 'react' in 'E:\webpack\webpack-sample-project\app' @ ./app/main.js 3:13-29 执行如下： npm install -g react npm insta...
Module not found: Can‘t resolve ‘react‘ in
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
09-21 1万+
Module not found: Can't resolve 'react' in 'D:\Program\antd\antd-demo2\node_modu les\mobx-react' 解决方法：Try removingpackage-lock.json, runnpm installand thennpm startagain. 亲测可用 ...
react_mobile:基于antd-mobile, dva.js和create-react-app的react app项目模板，开箱即用，直接开发。A boilerplate based on ant design mobile，dva.js and create-react-app
04-30
此项目是基于antd-mobile, dva.js和create-react-app的react app项目模板，开箱即用，直接开发。 如果能帮助到你的话，请给个Star! 技术选型： UI框架：react, antd-mobile 数据层框架： redux, dva.js 路由：...
node报错./node_modules/_history@4.10.1@history/esm/history.js Module not found: Can‘t resolve ‘@babel/
Kristen的博客
07-05 723
新拉取的项目在npm run的时候遇到了以下node报错 报错的意思是没有找到4.10.1版本的history包没有找到babel依赖，所以无法运行。 于是我们可以运行一下下方这个指令，来确认一下当前项目下history的版本： 运行结果 history包的版本确实是4.10.1 那么为什么会出现找不到babel依赖的问题呢？ 我去GitHub上翻看了一下4.10.0的history包依赖版本，发现他们的babel依赖已经升级成7了，而我们项目使用的babel依赖还是6。最后查了一下，4.7.2的hist
dva.zip_Dva封装_dva_dva/router_react-dva_redux 封装
09-19
在IT行业中，React和Redux是两个非常流行的JavaScript库，用于构建用户界面和管理应用状态。Dva.js是一个基于React和Redux的小型、可扩展的状态管理框架，它将Redux和Redux-Saga进行了封装，使得开发更加高效。本篇...
react-native-dva-starter：由dva和react-navigation驱动的React Native入门
02-05
react-native-dva-starter 由和驱动的React Native启动器 开始 npm install dva-native-cli -g dvanative git app cd app react-native run-ios # or react-native run-android 非常感谢@ xuan45提供的cli工具 ，...
Module not found: Error: Cannot resolve module 'react/lib/ReactMount' in ...
二月师兄
11-24 1万+
这是一个出现在react-hot-loader上的bug，ReactMount已经被移到了react-dom下面，不出现在react@15.4.0版本，或许react@15.0.0也有这个问题，而报错的地方是react-hot-loader引用了“react/lib/ReactMount”。该插件已经在react@15.4.0版本移除。在原作者没有更新bug修复方案的情况下，如果要使用react-h
React项目报Module not found: Error: Can't resolve ... in ...
热门推荐
weixin_41813970的博客
01-17 3万+
在自己搭建react项目中，引入.jsx的文件，结果报出如下错误： 检查语法也没有问题，经过反复排查，查出是由于省略了.jsx，但由于webpack环境是由自己搭建，没有在webpack.config.js中加入自动补全后缀配置； 在webpack.config.js中加入如下代码： 再重新启动就正常运行了... 这只是报这种错误的一种原因吧......
【react+ts】Module not found: Can‘t resolve ‘react-router-dom‘
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
12-22 4636
Module not found: Can't resolve 'react-router-dom'
【React】Module not found: Can‘t resolve ‘react-router-dom‘ in ‘D:\contrac t\recruit-client\src‘
zqq_2016的博客
10-22 7449
解决方案： cnpm i -S react-router-dom 执行完以上命令后，重新执行npm start即可。
React dva 新建项目报错：Modal not found: Can‘t resolve ‘@babel/runtime/helpers/esm/extends‘
忘川
05-17 2073
项目用的dva 1、dva new project 2、cd project 3、npm install 出现报错 ./node_modules/history/esm/history.js Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' in ...... 解决方法 package.js...
猫头虎 分享已解决Bug： || Module not found: Can‘t resolve ‘react‘ 解决方案
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-27 2663
🐯猫头虎 分享已解决Bug： || Module not found: Can't resolve 'react' 解决方案， 🐯猫头虎 分享已解决Bug： || Module not found: Can't resolve 'react' 解决方案 摘要: 今天猫头虎带大家解决一个常见的前端问题，尤其是在 React 项目中，很多开发者在安装依赖包时，遇到过 Module not found: Can't resolve 'react' 的错误。这是一个高频出现在前端项目构建和运行时的问题，
Failed to resolve: react-native-0.71.0-rc.0-debug
weixin_44132277的博客
11-07 5484
Failed to resolve: react-native-0.71.0-rc.0-debug
React Native报错：Error: Unable to resolve module react-native/Libraries/Animated/src/Easing
qq_45424937的博客
08-30 737
Toast使用：Teaset无法使用
React移动开发模板：快速开始使用antd-mobile和dva.js
本项目模板 `react_mobile` 基于 `antd-mobile` UI框架、`dva.js` 数据层框架以及 `create-react-app` 创建工具，旨在提供一个开箱即用的React应用程序开发基础环境。这一模板的设计初衷是为了简化移动应用的开发...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值