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

更新


[2020-12-10]

  • Initial release

出现原因


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

  • SCRIPT1001
  • SCRIPT1002

解决方案


  1. 安装 @babel/polyfill
1
npm install --save @babel/polyfill
  1. 项目入口文件(main.js)引入 @babel/polyfill
1
2
// main.js
import '@babel/polyfill';
  1. 配置 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"]
},
...
}