2021-07-22

前端遇到bug及修改方式

1、namesapce冲突：注意namespace命名和组件名不要一样，否则容易冲突。

2、报错

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
1: 00007FF69695C6AA v8::internal::GCIdleTimeHandler::GCIdleTimeHandler+4506
2: 00007FF696937416 node::MakeCallback+4534
3: 00007FF696937D90 node_module_register+2032
4: 00007FF696C5189E v8::internal::FatalProcessOutOfMemory+846
5: 00007FF696C517CF v8::internal::FatalProcessOutOfMemory+639
6: 00007FF696E37F94 v8::internal::Heap::MaxHeapGrowingFactor+9620
7: 00007FF696E2EF76 v8::internal::ScavengeJob::operator=+24550
8: 00007FF696E2D5CC v8::internal::ScavengeJob::operator=+17980
9: 00007FF696E36317 v8::internal::Heap::MaxHeapGrowingFactor+2327
10: 00007FF696E36396 v8::internal::Heap::MaxHeapGrowingFactor+2454
11: 00007FF696F60637 v8::internal::Factory::NewFillerObject+55
12: 00007FF696FDD826 v8::internal::operator<<+73494
13: 000001654C6DC5C1
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! @ build: cross-env --max_old_space_size=4096 QA_ENV=build umi build
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the @ build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Gillian\AppData\Roaming\npm-cache_logs\2020-11-16T06_38_58_148Z-debug.log

解决方案：set NODE_OPTIONS=–max_old_space_size=8192

3、改进 umi/locale 的提示问题 :https://github.com/umijs/umi/issues/1675

4、注意函数的参数类型

5、dispatch进不去，因为前一步出bug，注意把dispatch写进生命周期里。

6、JS !function(e,t){“object”==typeof exports&&“object”==typeof module?module.expo报错，因为数据类型是数组而传进去的是对象

7、错误版本

正确版本

8 解决Class的this和mapBox的this冲突，重新写了一个监听事件

9、指定数据类型，在没有加tree=[]的时候，遍历会出bug,遍历tree的代码。![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/39a90b6f128e20d21ab33509b991d8c5.png

10、dispatch写在render里面会无限渲染，写在componentDidmount里面【生命周期】

11、React中正常显示HTML—dangerousSetInnerHtml

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aLzu3Vp9-1626917174672)(C:\Users\Gillian\AppData\Roaming\Typora\typora-user-images\image-20210324102814574.png)]

12、把显示的html元素写为字符串的样式的时候，注意变量要写在字符串外面用+号来连接

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XGcgYfBO-1626917174673)(C:\Users\Gillian\AppData\Roaming\Typora\typora-user-images\image-20210325092756435.png)]

13、修改镜像源 npm config set registry xxx(镜像源地址)，国内一般使用淘宝镜像源

npm config set registry https://registry.npm.taobao.org

npm config set registry https://registry.npmjs.org/（npm默认镜像源）

14、yeild call 里面的函数不能加括号

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5k3iKDI5-1626917174673)(C:\Users\Gillian\AppData\Roaming\Typora\typora-user-images\image-20210716204427809.png)]

15、数据类型指定

因为没有指定temp的类型为对象报错

15、时间戳转时间

`${moment.unix(DownOSDs[i].value[0]).format('YYYY-MM-DD-HH-mm')}` 毫秒

`${moment(DownOSDs[i].value[0]).format('YYYY-MM-DD-HH-mm')}` 秒