继上一篇文章: vue摸摸手系列之——vue-cli3打包后 IE 白屏的解决方案 之后, 在维护老项目时, 由于项目采用了 vue-cli2, 在 IE 中也是白屏状态…

更新

[2020-12-10]

  • Initial release

[2021-1-15]

Chanaged

  • 优化文章格式

出现原因

同上一篇 文章, vue-cli2 不会使用 babel 编译 node_modules 目录下的代码, 当 node_modules 下有 ES6 的代码时, IE 会无法识别, 进而导致报错:

  • SCRIPT1001
  • SCRIPT1002
  • …

解决方案

  1. 安装 @babel/polyfill

    1
    npm install --save @babel/polyfill

  2. 项目入口文件(main.js)引入 @babel/polyfill

    1
    2
    // main.js
    import '@babel/polyfill';

  3. 配置 webpack.base.conf.js

    1
    2
    3
    4
    5
    6
    7
    8
    // build/webpack.base.conf.js
    module.exports = {
      ...
      entry: {
        app: ["@babel/polyfill", "./src/main.js"]
      },
      ...
    }