关于Vuecli3项目在ie中白屏的解决方案:(ES6语法在ie中不兼容造成的错误);

1.安装支持包

cnpm install --save babel-polyfill

cnpm install es6-promise --save

2.在大目录的main.js里边引用

import '@babel/polyfill';
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()

3.还是你的大目录vue.config.js中插入代码,没有就新建(和package.json同级)

module.exports = {
  chainWebpack: config => {
      config.module
        .rule('iview')
        .test(/iview.src.*?js$/)
        .use('babel')
          .loader('babel-loader')
          .end()
    },
}

4.还是你的大目录babel.config.js加上(和vue.config.js同级)

module.exports = {
   presets: [
    [
      "@vue/app",
      {
        "useBuiltIns": "entry",
        polyfills: [
          'es6.promise',
          'es6.symbol'
        ]
      }
    ]
  ],
};

5、重启项目

猜你喜欢

转载自www.cnblogs.com/deng-jie/p/12658259.html