Antd table组件用rowSelection时报shiftKey undefined

239 阅读1分钟

问题

在使用antd Table的rowSelection时,无法选中,报如下错误: 在这里插入图片描述 但是在codesandbox中,点击复选框,并不会报错 在这里插入图片描述

定位

juejin.cn/post/684490…

问题描述,和当前实际遇到的类似,项目中同时有PC端和移动端的,package.json中有antd和antd-mobile依赖,接下来就差验证了,直接去掉antd-mobile依赖,重新yarn安装,因为,PC端和移动webpack分开打包,所以本地直接yarn dev:pc只启动PC端,再次操作复选框,可以正常操作;

解决

项目同时使用了 antd 和 ant-mobile,而且 antd 和 ant-mobile 都依赖 rc-checkbox,使用 yarn 安装的时候低版本的 rc-checkbox 被装在了 node_modules 根目录,而我在 webpack 中设置了 modules: [path.resolve('Assets/src'), path.resolve('node_modules')] 造成 webpack 只从根目录下的 node_modules 读取依赖,打包了错误的版本

问题大概找到了,去看自己项目webpack的打包配置

 modules: [
     path.resolve(__dirname, "../src"),
     path.resolve(__dirname, "../node_modules"),
     "node_modules",
   ]

注释掉 path.resolve(__dirname, "../node_modules"),问题解决了,但是为什么?

探究

详情请查阅下一篇文章: blog.csdn.net/gkf6104/art…