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

emer 发布于 2021-1-19 16:39 2161 次阅读

我用的 "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'

完美解决