vue打包后有es6语法兼容问题,ie报错

(个人学习笔记,仅供参考):

情景:ie/360浏览器打开build之后的页面报错了,点击报错定位的时候发现有“const”和箭头函数语法,发现是兼容问题,开始检查自己代码,我代码中没有用到es6语法,但想起自己用的插件,一个个排除,发现加载vue-charts-v3的时候打包就会有es6语法

import IEcharts from ‘vue-echarts-v3’


去掉main.js中的import语句,然后在项目路径build/webpack.base.conf.js中的module–rules下的babel-loader,include加入resolve(‘node_modules/vue-echarts-v3’)就搞定了

 module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), resolve('node_modules/vue-echarts-v3')]
      },
    ]
 }
Logo

前往低代码交流专区

更多推荐