草庐IT

Error:Module “./antd/es/badge/style“ does not exist in container. while loading “./antd/es/badge/sty

1.今天在使用antd-designPro项目引用echarts图表报错react项目中引入了antdesign,npmstart时报错:Error:Module"./antd/es/badge/style"doesnotexistincontainer.whileloading"./antd/es/badge/sty解决方案:删除项目src目录下面的.umi文件,npmstart重启项目解决。问题其实是因为项目同时使用mfsu和qiankun导致的,而antdprov5脚手架默认是开启mfsu功能的。解决方法2修改mfsu的mfName属性配置分别在主、子应用的config.ts文件中设置不

textarea输入框的内容如何原模原样的展示出来?(适用于一些antd design框架以及element ui框架)

笔者在工作的时候遇到了一个问题,在写一个新建页面的需求的时候,遇到一个问题:新建页面的文本框里用户输入的内容格式,前端要返回这些数据给后端,后端又不想做空格以及换行的判断处理,,所以后端在返回给前端的数据其实是一大串没有格式的字符串,但是又要求在详情页展示用户输入时候的原格式文本。其实这个实现起来很简单,现在html和css越来越强大,能实现的功能也越来越多,html提供了一个pre标签,css同样为pre标签提供了pre-wrap属性(当文本框的长度超过显示区域的时候,文本会溢出的时候使用)下面来看例子:1、这是不用pre标签的时候展示的样子,可以看到用户输入的格式展示的时候完全是乱的。 2

antd修改前缀

1.基座项目和子项目的引入相同antdui框架,但是版本不同。会导致antd样式覆盖解决:给子项目或者基座antd修改class类名前缀antd默认是ant类名我们可以改成ymx或者自己想要的其他前缀//webpack配置{loader:'less-loader',options:{lessOptions:{javascriptEnabled:true,modifyVars:{//以下两个配置使用前提是必须在按需引入那里配置"style":true,否则不起作用,因为这里要是用less变量//@primary-color是设置antd的主题色,默认是蓝色的//@ant-prefix是自定义an

vue AntD中栅格布局的四种大小xs,sm,md,lg

cssBootstrap栅格布局的四种大小xs,sm,md,lg前端为了页面在不同大小的设备上也能够正常显示,通常会使用栅格布局的方式来实现。使用bootStrap的网格系统时,常见到一下格式的类名col-*-*visible-*-*hidden_*_*中间可为xs,xsm,md,lg等表示大小的单词的缩写右边为1-12之内、用于元素所占列数columns的数值1.行{md:6,lg:12,xl:12}}>gutter:md:中等屏幕桌面显示器(≥992px)lg:大屏幕大桌面显示器(≥1200px)xl:2.列md:中等屏幕桌面显示器(≥992px)sm:小屏幕平板(≥768px)xsext

Antd-rules-自定义校验规则

前言公司UI出了一个表单提交的规则校验效果需要自定义rules才可以实现只要输入错误就提示红色边框并且不可以提交如何实现?##解决antd官方给了案例自定义校验规则实现如下:1,需要自定义rules2,自定义validator3,填写你的规则方法1,需要自定义rulesa-form:rules="rules">2,自定义validatorconstrules:Record={barcode:[{required:true,validator:validateBarcode,trigger:'change'}],};3,填写你的规则方法/****@param_rule表单校验规则*@paramv

vue3 antd项目实战——Form表单的重置【使用resetFields()重置form表单数据、清空输入框】

vue3antdesignvue项目实战——Form表单【resetFields重置form表单数据】关于form表单的文章场景复现resetFields()重置表单数据项目实战关于form表单的文章文章内容文章链接Form表单提交和校验https://blog.csdn.net/XSL_HR/article/details/128495087?spm=1001.2014.3001.5501Form表单的嵌套使用https://blog.csdn.net/XSL_HR/article/details/128488913?spm=1001.2014.3001.5501Form表单的动态校验规则h

vue3 antd项目实战——Form表单的重置【使用resetFields()重置form表单数据、清空输入框】

vue3antdesignvue项目实战——Form表单【resetFields重置form表单数据】关于form表单的文章场景复现resetFields()重置表单数据项目实战关于form表单的文章文章内容文章链接Form表单提交和校验https://blog.csdn.net/XSL_HR/article/details/128495087?spm=1001.2014.3001.5501Form表单的嵌套使用https://blog.csdn.net/XSL_HR/article/details/128488913?spm=1001.2014.3001.5501Form表单的动态校验规则h

Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘

Modulenotfound:Error:Can’tresolve‘antd/dist/antd.css’in‘E:\new\react\geek-pc\src’。Hi,我是赵猛,今天是做react项目的第二天,记录一下学习过程中出现的一些问题。一、报错今天使用yarnaddantd命令安装好AntDesign组件库,导入antd全局样式的时候出现了这样的一个错误:通过观察引入的路径,去node_modules文件中去查找,发现antd/dist中并没有css的文件,只有js相关的文件二、解决方法需要先卸载之前的antdyarnremoveantd尝试降低版本,yarn指定版本号yarnadd

eletron+react+antd+node开发桌面小程序并打包(electron-packager+electron-builder)

首先罗列一下项目中用到的技术:electron,react,antd,typescript,node,及打包命令:pkg,electron-packager,electron-builder及child_process实现多进程需求:开发一个桌面应用,左侧展示视频(需要用到node服务进行rtsp转码),右侧一些获取视频流需要的表单数据。因为从需求到完成小demo,大概花费了三四天时间,所以个别处代码写的有些潦草,后续有时间会继续优化。第一步:electron之小试牛刀首先得确保技术方案是可行的,因为之前没有用过electron,所以抛开融合其他架构的想法,先尝试下开发纯electron应用小

jest+testing-library/react 单元测试 react+antd 的实践(一)

前言之前一次想学写单测,但是一直没有动力,因为感觉ui测试写起来比较复杂而且麻烦,再加上实际开发项周期短,没有时间给写单测,但是最近公司比较注重质量,对测试bug数提出了限制,而且还有惩罚措施,为了避免被惩罚,再因为没有写单测,在给的自测时间里,后端同学可以通过梳理代码,补单测来进行测试,而我只能不断的**点点点…**来测试,很low且没效率,心里也没底(虽然最后测试也没测出bug),总感觉机器比人可靠,因此我后面就开始学习单测,来补全这个项目的测试,在结合gitlabci,sonarqube来进行测试报告。我用的框架是react,官方推荐jest+testing-library/react,