react 踩坑记录

已于 2023-05-25 10:40:58 修改
阅读量264 收藏
点赞数
分类专栏： react 文章标签： react.js javascript 前端
于 2023-05-24 13:33:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43787651/article/details/130745189
版权

react 踩坑记录

upload

Upload上传值，一直报‘请上传商家分类图片’

在这里插入图片描述

判断应该是form.item取值，取的下一级菜单值，由于两者平级，所以默认将P标签也作为了传值的组件，写在外层或Upload里面即可。

antd按需引入时，使用新引入组件或使用新安装插件

控制台报错： “Module ‘xxx‘ does not exist in container“
原因：因为项目路径移动后导致src/.umi缓存文件找不到原来的路径所导致的

解决：删除src/.umi然后重新运行项目

antd select下拉框搜索按label搜索

在这里插入图片描述

跳跳的小古风
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react -- router 使用（1）
hahahahahahahaha__1的博客
06-25 222
create-react-app脚手架所建文件的App.js中进行书写相关代码：APP.js:import React, { Component } from 'react'; import { BrowserRouter as Router, Route, Link } from "react-router-dom"; import './App.css'; //定义组件的三种方式 // 1 c...
react踩坑记录
weixin_39168678的博客
07-13 835
1 Multiple configuration files found. Please remove one: 如果你在根目录下自己建了个babel的配置文件 .babelrc，然后又好死不死的npm run eject把配置打开 package.json里面就又了babel的配置了，删掉任意一处配置即可 2 react useHistory hook 返回 undefined useHistory won’t work in the component where you have your Rou
详解多页应用 Webpack4 配置优化与踩坑记录
11-29
前言 最近新起了一个多页项目，之前都未使用 webpack4，于是准备上手实践一下。这篇文章主要就是一些配置介绍，对于正准备使用 webpack4 的同学，可以做一些参考。 webpack4 相比之前的 2 与 3，改变很大。最主要的一点是很多配置已经内置，使得 webpack 能“开箱即用”。当然这个开箱即用不可能满足所有情况，但是很多以往的配置，其实可以不用了。比如在之前，压缩混淆代码，需要增加uglify插件，作用域提升(scope hosting)需要增加ModuleConcatenationPlugin。而在 webpack4 中，只需要设置 mode 为 production即可
React踩坑记录
Help Her
11-10 917
hooks useEffect() 机制 useEffect的执行是异步的 不会阻塞代码
ant design pro v5 Error: Module “xxx“ does not exist in container.报错
muge1161105403的博客
01-18 2376
解决方案一 在/config/config.ts 下注释掉 mfsu: {}, 或者删掉即可 解决方案二 删除/src/.umi 这个文件夹重启即可
使用AntdPro创建基于React的管理后台（技术笔记4）Uncaught (in promise) Error: Module “ “ does not in container进不去 解决方案
房森的博客
02-21 1487
解决方案 删除src文件夹下面的.umi文件夹，安装依赖包，运行 原因 .umi是umi.js的缓存文件夹，由于你copoy了别人的源码含缓存导致的 发生ing
react 开启MFSU遇到的问题“antd/es/tree-select/style” does not exist in container mfsu导致热更新失效
hzxOnlineOk的博客
11-05 3404
博主想使用新的组件，但是MFSU的原理是预编译而非运行时编译，如此以避免每次不必要的重复文件编译。 不过这也同样带来新的问题，即如果使用的组件不在之前的构建范围内，会即刻报错，例如博主使用Antd 的 Tree-Select组件： `antd/es/tree-select/style does not exist in container` 解决办法是： 删除.umi文件，重新构建 ......
umi或antdpro运行时报错“Module ‘xxx‘ does not exist in container“解决方案
GMLGDJ的博客
03-10 1万+
问题描述 在我们启动基于umi的脚手架,如antd pro,在运行完毕后控制台报如下错误： Error: Module "本地的路径信息" does not exist in container. 原因:可能是因为项目路径移动后导致src/.umi缓存文件找不到原来的路径所导致的 问题解决 方案一： 删除src/.umi然后重新运行项目就解决了 方案二： 关闭mfsu功能，在config/config.ts中找到mfsu并删除该属性。 ...
关于 antd pro 使用 swiper7 的问题
xiaowangzibuhappy的博客
11-04 2243
关于 antd pro 使用 swiper7 的问题 背景 有个需求要搞个轮播图呀，很复杂的，手写不太好实现，所以就打算使用 swiper 来解决。 问题描述： 好家伙，引入就报错了，真是一点面子都不给。 load component failed Error: Module "./swiper/react" does not exist in container. Uncaught (in promise) Error: Module "./swiper/react" does not exist in
“Module ‘xxx‘ does not exist in container“
热门推荐
weixin_44134588的博客
08-04 1万+
今天写项目的时候 ,是使用的umi 框架,并且使用 mfsu 开启了热更新(会使项目更改之后的重新加载速度提高一大截) 今天的需求是使用maplibre在页面上创建一个地图,逻辑都写好了,但是就是安装依赖项 'maplibre-gl’之后,依赖引入老是失败; 找了一万年的原因Loading… 还是没找到0.0 最后在社区一直逛一直逛… 找到一个类似的问题,然后转念一想自己的项目也开启了mfsu, 然后就尝试了一下删掉src下的.umi文件夹,相当于清除了缓存,然后项目就跑通了, 点赞! 膜拜大佬! ..
Error:Module “./antd/es/badge/style“ does not exist in container. while loading “./antd/es/badge/sty
huai42717的博客
12-13 2452
react项目中引入了ant design，npm start时报错：Error:Module "./antd/es/badge/style" does not exist in container. while loading "./antd/es/badge/sty解决方案：删除项目src 目录下面的.umi文件，npm start重启项目解决。问题其实是因为项目同时使用mfsu和qiankun导致的，而antd pro v5脚手架默认是开启mfsu功能的。修改mfsu的mfName属性配置。
zb188#blog#React Native打包 APK踩坑记录1
07-25
React Native 0.57打包 APK 踩坑记录 ，Release 包闪退或者修改代码打包没有效果由于本人不是 APP 开发出生，React Nativ
Echarts在Taro微信小程序开发中的踩坑记录
01-18
近期笔者在使用Taro进行微信小程序开发，当引入Echarts图表库时，微信检测单包超限2M的一系列优化措施的踩坑记录，期望能指导读者少走一些弯路。 为什么选择Echarts？ 微信小程序目录市面上使用最多的两款图表库，...
RNdemo:跟着官网学习react-native
05-13
RNdemo跟着官网学习react-native新手入门踩坑记录关于环境搭建问题目前RN是0.55版本，但是最新版本的RN使用时在Mac OS系统下会出现报错运行不起来。Windows,Linux系统未测试尚不清楚。Mac OS安装0.51.1版本即可正常...
ECharts在React+Antd用法及常见错误
01-08
最近项目中开始使用ECharts做图表，在React+Antd中使用Echart还是遇到了很多坑，希望记录下解决办法可以帮助到大家。由于初次使用，很多代码优化空间很大，希望大家能帮我提出，感恩～ 最终效果 1、实现点击折线图上...
react项目遇到的问题及解决方案【持续更新中...】
zhangluludeCSDN的博客
01-05 3101
1、modalForm表单每次点开显示的重复 这个问题可能是你没有给模态框加一个随机的key 如果加上key之后每次点击出来的模态框就是一个新的和上次无关 2、树形选择数据结构 const cascaderOptions = [ { label: '综合管理中心', value: 'fe', children: [ { label: '运营部', value: 'js', }, { label:
Error: Module “xxx“ does not exist in container. / antd pro v5启用qiankun报错
MYD_Z的博客
02-16 2198
react项目使用antd Pro v5 搭建项目 启动报错解决
@umijs/runtime“ does not exist in container
Cvory
09-03 6224
问题复现操作 1.使用umi脚手架搭建项目 yarn create umi myapp 2.将里面的插件，layout等配置进行清理后，安装插件以及启动项目 yarn install npm run start 3.将当前项目作为模板，除开node_modules ，复制为另一个项目，安装插件后启动就会出现'@umijs/runtime" does not exist in container'的问题 解决方案 删除src 下 .umi 文件 原因 .umi是临时文件夹，但是它是匹配当前项目插件的版本
node_modules/@umijs/runtime does not exist in container
weixin_45060105的博客
03-04 2392
问题 ./D:/wonderdown/xdr-1/xdr/wonder-xdr/node_modules/@umijs/runtime ‘@umijs/runtime" does not exist in container’ 问题出现原因： 从gothub上下载了一个新的项目，webstorm 同时打开两个项目，且两个项目的 umijs/runtime的版本不一致 解决方案 删除src 下 .umi 文件 原因 .umi是临时文件夹，但是它是匹配当前项目插件的版本，以及一些对应的theme配置，la
react中的useState踩坑指南
最新发布
08-24
下面是一些踩坑指南： 1. 错误使用数组解构：当使用数组解构语法来访问useState返回的数组时，确保你使用正确的索引位置。例如，如果你使用了多个useState，确保你在解构时使用正确的索引。否则，你可能会将状态值...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值