总结近期项目中踩的坑(一)

355 阅读1分钟

最近在项目中踩了不少坑,总结以下几个印象深刻的:

vite与G6不兼容问题

项目是技术栈是vue+vite,在一个需求中用到了G6,本地开发时一切正常,发布到日常直接GG,报错只有一句Cannot read property 'constant' of undefined,排查老半天,发现在注释掉G6内容后程序可以正常运行,那么真相只有一个!就是在打包的时候出现了问题,经过百度后发现,G6官网已经给出了这个问题的解决方式点此查看,这是官方给出的解决方式,而我用的是另一种网友给出的方法:

//vite.config.js

{
    resolve:{
        alias:[
            {
                find:/^@antv/g6/,
                replacement: path.resolve(__dirname,'./node_modules/@antv/g6/dist/g6.min.js'),
            }
        ]
    }
}

str.replaceAll 低版本浏览器不支持

在一个方法中要替换掉所有的换行符\n,使用replaceAll发布日常后浏览器报错,信息为X.replaceAll is not a function, 最后使用replace+正则解决问题

elementUI input组件 中文输入法使vue失去双向绑定

掘金有位大哥讲解的十分细致,大家移步此处,我就不再多做解释

目前只有这么多,后续再有会继续更新