Voiceu的博客

切换回去就有了，看到网上的解释是node中npm下载的包只在当前版本的node下使用，切换后需要重新下载，我在win上面切换好像没有出现这种情况https://www.nuomiphp.com/t/60e01b75c5e91a05f526edc1.html

官网只介绍了没有eject的方法，用craco来配置，但是eject后，script脚本就变了craco再改脚本就不行了，官网地址：https://ant.design/docs/react/use-with-create-react-app-cn所以探索了一下如何自定义主题参考1、参考2，重点是参考2需要配置less，yarn add less less-loader -D然后在webpack.config.js里面添加如下const lessRegex = /\.(css|less)$/;

react脚手架搭建项目，运行出现这个问题WARNING in ./node_modules/antd/dist/antd.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/d

直接在main.ts入口文件里写的，结果http无法点进去，找不到路径const http = require("http");但是axios就可以import axios from "axios";所以我在想是不是引入模块的方式有问题，尝试在tsconfig.json里面修改了module，发现是有影响，但是无法解决问题也不是没有局部安装node，这个好像不能是一个问题，node可以多版本，但是貌似不能局部安装下载了别人的一个模版进行对比，发现人家的@types/node的版本是12.0.

这种方式不能限制后面的函数体吗，我前面规定了参数和无返回值void，后面函数体不写参数，返回值也有，但是不报错下面是测试代码，只有最后// void这里的void不是代表不返回值，意思是任何都行，比较宽泛，那为什么不用any，// 我想表示该函数没有返回值的时候，用void已经无法限制了，那用什么呢/* // 我想表示该函数没有返回值的时候，用void已经无法限制了，那用什么呢下面这样写只能是自己写具体函数的时候，自己去定义，万一是我写好后，给别人用，别人也不知道我不想要这个函数没有返回值

webpack5，在css文件里面进行引入图片，不用file-loader是可以显示的，但是加了file-loader反而不行/* 没有file-loader的时候也能用 */.img-bg{ background-image: url("../img/眼睛1.jpg"); width: 200px; height: 200px; background-size: contain;}参考链接配置里面这样写就行了{ test: /\.jpg$/,

解决步骤一开始我以为的错误，思路如下如图，当我右边工作区内有某个文件夹下的一个文件的时候（路径有显示），这个时候我去更改这个 12 最上层文件夹，就会卡住，然后报错卡住然后报错，更改失败这个时候工作区没有文件，再更改，也不行但是如果重新打开vscode，然后工作区没有文件的时候，就可以修改成功结果发现，再次修改还是不行，所以不是这个问题然后我对比了教程的其他步骤，发现视频里面删掉了node_modules随后我删掉node_modules后再进行重命名，就都可以了，我猜测应该是no

背景如题，学v-bind 的时候用了img的src来绑定csdn的头像图片，结果一直显示不出，我vscode右键用服务器运行和右键直接运行，出现了两种情况，有本地服务器的时候，不能显示图片，并且查看network的时候，发现403，网上的解决方案都是基于本地图片的，所以那些答案都是说的路径问题，比如引入require来解决，并不能解决我的问题，我这个查了请求头的，地址是对的，但是返回403，所以应该是csdn做了防盗链的处理，所以我尝试换了掘金的图片来看看猜想是不是正确，结果果然是可以正常显示的，所以

情景描述在我项目基本做完后，打算发布npm，然后在另开一个新项目，试验做好的ui组件是否管用，结果在新项目中，导入并使用的时候，发现导出的Icon是undefined，然后去重新build看了一下，在icon.d.ts里面只有一个icon的空壳，我明明在开发环境下写了内部函数体，但是却什么都没有得到（我开始以为是这个问题）思路.历程然后就觉得应该是webpack的配置有问题，我在github上找别人的代码，看了很多，要么就是放出来的就是成品ui框架，不会把开发的代码放出来，要么就是没有用webp

有两个原因：一是打包后的引用路径，是相对路径，在有服务器的情况下，是没有问题的，但是静态网页直接打开就会找不到资源二是可能使用了BrowserRouter,要改为HashRouter本人的两个问题都出现了首先在package.json里面添加 “homepage” ： " . "其次就是修改Router了然后再build就行了...

做项目的时候出现的问题：The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.看这个意思是说必须要用户手动进行一个操作，才能启用音频的相关功能，不能一打开就自动调用，查到的解决帖子：参考1 参考2帖子中也是说要进行手动操作，比如加个btn，手动点击的时候就调用，然后再进行自己的项目想要的操作...

es6中class会自动开启严格模式，所以没有指定this的时候，this会是undefined到目前为止，本人遇到过的，在class内部的属性有四种写法，以下展示： class Fun { constructor() { //构造器中的this固定是类的实例对象，所以以下写法会给实例对象上添加属性 this.d = d this.e = () => {

Promise.resolve().then(() => { console.log(0); return Promise.resolve(4); }).then((res) => { console.log(res) }) Promise.resolve().then(() => { console.log(1); ...

以下讨论的字符串都是数字的字符串，比如’1’，而不是’a’‘数值’ + 数值 ====>字符串‘数值’ - 数值 ====> 数值类型‘数值’ + ‘数值’ ====>字符串‘数值’ - ‘数值’ ====> 数值类型 总结：1.因为字符串可以拼接的原因，所以只要是+的，并且有字符串的，就可以看成字符串的拼接，所以一堆数值相加，只要其中来了一个字符串，就都转换成了字符串string，并且还得考虑字符串的位置，因为在字符串后面就转换成了string，进行的都是拼接了，前

最普通的就是通过点，在外部可以取到内部的值，比如var obj1 = { a:1 }obj1.a就是1然后就是在外部用[ ]取值，但是内部必须是动态的，括号包含的必须是字符串，比如obj1[a]就不能取到1，只能在外部表明，括号中的是引用地址而已，链接到对象内部的key let b = 'c' var obj3 = { a: 1, c: 2 } console.log(obj3.a

React既在constructor内部写state又在外部写了state的情况下，state到底是里面生效还是外面生效，查了一下，没有说这俩同时的帖子，所以自己验证的时候第一个想法是考虑代码的顺序，还有constructor的特殊性看了一下react的生命周期勾子，新旧都是constructor排在第一位，下面验证阶段：1.只有外部有state的时候，有一个就不说了，直接就赋值了，讨论有两个会不会覆盖export default class Line extends Component {

今天群里发了一个问题，意思大致是setTimeout的回调函数加不加引号的区别我试了一下，发现图里的注释都写错了：setTimeout(fun1(a),1000) 是输出0-199setTimeout(‘fun1(a)’,1000) 是输出200个200群里还讨论了eval函数的使用，说是eval会创建临时作用域 eval结束其内变量不可访问，我没查到这个作用域，感觉跟eval的关系不大，所以自己去看了一下setTimeout的用法，发现这个是必须要带引号的，然后自己也试了一些例子

遇到一个官方文档的案例不理解第二个函数式，理解是匿名函数，触发后返回一个包含validator函数对象的对象，但是为什么传参要用对象形式写，不直接写getFieldValue，看到后面才知道这里的form: FormInstance就是form的实例，虽然这里是冒号，但是感觉他写漏了花括号，这个应该是对象形式，就跟他例子一样，但是如果是这样为什么不直接写（（ { FormInstance｝)=> xxx ）反而写（ （ form ： FormInstance ）=> xxx ）.

From表单组件因为antd的版本更新，导致教学视频里的3.0x和目前的4.0x很多不一样，甚至视频中用到的核心方法都弃用了，经过两天的研究，目前的解决方案如下，此次也算是本人第一次发现问题不再是简单的百度就能解决，需要到处看官方文档及例子，以及别人的帖子等资料，再加上自己挨着测试新方法的使用，因为视频中的方法使用的逻辑已经不适合当前，还得重新寻找解决方法，换思路用完全不同的办法达到想要的效果，虽然时间花了两天，但是收货还是颇丰昨天写过一篇记录问题的解决，但是那是比较杂乱的，此文会是总结，阐述具体情景，

由于视频教程中用的antd版本还是低版本，当时还能用Form.create()方法，但是在本人学习的时候，该方法已经弃用，又觉得要解决问题，不能用降低版本的方式，既然弃用，肯定有新的解决方法，一味的跟视频模仿，学不了更多，首先看新版本的官方文档，Form中的api，暂时没有找到能解决的，能力有限 <Modal title="修改分类" visible={showStatus === 2} onOk={this.

先看官方文档解释：text表示当前行的值，record表示当前行的数据经过测试得出以下结论：对于要进行render 的列，如果写了对象里dataIndex这个变量，那么render的传参就按照截图中的三个参数来执行，第一个是该行对应的具体值，就是dataIndex指定的那个xxx，对应到dataSource里面对应的xxx如：const dataSource1 = [ { "parentId": "0", "