webpack
文章平均质量分 55
webpack专栏
糯米麻糖
全栈开发:react + node + mysql/mongodb
展开
-
Webpack5升级踩坑记
1. 开启hot: true但是热更新无效解决需要兼容webpack5.Xmodule.exports = { target: 'web', // webpack5.x 加上之后热更新才有效果}2. 如果使用了mini-css-extract-plugin插件(将样式以link的形式引入而不是style标签引入),则样式的热更新无效解决:需要判断开发模式使用style注入的形式,否则使用link引用的形式// webpack.common.js// 是否开发者模式const devM原创 2021-12-20 20:02:31 · 488 阅读 · 0 评论 -
火狐浏览器低版本6.0兼容处理
环境:打开控制台查看浏览器版本:如上所示为火狐浏览器6.0,而目前最新版本为95.0,相差很大;代理调试:打开控制台报错信息如下Uncaught SyntaxError: In strict mode code, functions can only be declared at top level or immediately within another function.Error: Loading chunk 2 failed.(missing: https://stat..原创 2021-12-16 17:41:32 · 1201 阅读 · 0 评论 -
探究:Antd table组件用rowSelection时报shiftKey undefined
探究问题一:依赖版本的逻辑是什么?参考了这片文章:https://juejin.cn/post/6844903981668368392,启发,进一步探究如下:去查看npm包依赖情况,输入命令:yarn list 但是依赖太多,导致前面已经看不到了,所以将所有依赖输出到文件中yarn list > echo右侧为输出的echo文件,可以看到antd-mobile使用的是2.3.4版本,依赖的rc-checkbox版本是2.0.0antd使用的是4.16.8版本,依赖的rc-che原创 2021-07-21 17:52:00 · 681 阅读 · 0 评论 -
Antd table组件用rowSelection时报shiftKey undefined
问题在使用antd Table的rowSelection时,无法选中,报如下错误:但是在codesandbox中,点击复选框,并不会报错定位https://juejin.cn/post/6844904138057187336问题描述,和当前实际遇到的类似,项目中同时有PC端和移动端的,package.json中有antd和antd-mobile依赖,接下来就差验证了,直接去掉antd-mobile依赖,重新yarn安装,因为,PC端和移动webpack分开打包,所以本地直接yarn dev:p原创 2021-07-21 15:47:42 · 840 阅读 · 0 评论 -
H5页面在自己APP中图标显示正常,接入钉钉请求.woff图标字体报错
需求将移动端H5页面接入钉钉,就接入钉钉,这里不展开描述,接入钉钉,测试发现图标不显示问题发现浏览器network有iconfont.woff和iconfont.ttf url('iconfont.woff?t=1558522190245') format('woff'), url('iconfont.ttf?t=1558522190245') format('truetype'),解决转base64位后,问题解决url('data:font/woff2;charset=utf-8;原创 2021-07-21 14:13:17 · 1276 阅读 · 0 评论 -
webpack externl配置导致运行报错“React is not defined”
背景项目迭代中引入bzichart用于图表封装,组内同学增加了webpack打包配置如下:项目迭代只有PC端的需求,而老的项目中Pad和手机端H5代码与PC端放在同一个项目中,原创 2021-07-10 18:45:42 · 1174 阅读 · 0 评论