之前用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') } } },
问题就全部解决了。。