vue3中安装vue-grid-layout拖拽插件的解决方法

2,070 阅读1分钟

之前用vue2框架安装过vue-grid-layout,正常使用没有问题,最近用vue3搭建了一个新项目。要用到拖拽排序功能。结果安装好vue-grid-layout,运行后页面报错 提示:Uncaught TypeError: external_commonjs_vue_commonjs2_vue_root_Vue_default.a is not a constructor

解决办法: 下载插件: npm add vue-grid-layout@3.0.0-beta1 然后再main.js中引入 import VueGridLayout from 'vue-grid-layout' app.use(VueGridLayout)

再次运行后,上面那个错误已经不存在了。但是又出现了一个新的报错 提示:Cannot read properties of null (reading 'isCE')

解决办法:在vue.config.js里面加上: configureWebpack: { //重点 resolve: { symlinks: false, alias: { vue: path.resolve('./node_modules/vue') } } },

问题就全部解决了。。