vue-grid-layout 支持ie11 description: "缺少 ':'"

Others 2021-01-19 08:39:16 2021-01-19 08:39:16 2183 次浏览

我用的 "vue-grid-layout": "^2.3.11",这个版本，当然12版本也有问题，ie11不行，发现包是es6编写，有些属性不支持ie，

所以首先我们配置babel-loader转换下

我用的vuecli3如下：

		module.exports = {
	

//....默认配置省略

			 configureWebpack(config) {
		
			    config.module.rules.push({
		
			      test: /\.js$/,
		
			      use: [{
		
			        loader: 'babel-loader'
		
			      }],
		
			      include:[ resolve('node_modules/webpack-dev-server/client'),
		
			      resolve('node_modules/vue-grid-layout') ]
		
			    })
		
			  },

}

完成，运行代码，我们发现bug解决了，如果还报错

无法获取未定义或 null

那我们添加

cnpm i babel-polyfill -D

mian.js中引用一下


			
				 
import 'babel-polyfill'

完美解决

Links: 494