vue-cli3.0 + iview项目,解决ie 11 浏览器打开空白

1,573 阅读1分钟

直接说解决方案咯哈

第一种方式:

a.安装依赖包regenerator-runtime

b.main.js中引入

 import "core-js/stable";
 import "regenerator-runtime/runtime"; 且放在最顶部

c.babel.config.js文件中配置:

presets: [
     ["@vue/cli-plugin-babel/preset", { useBuiltIns: "usage", corejs: 3 }],
  ],

d.vue.config.js文件中配置:

 chainWebpack: (config) => {
    config.module
      .rule("view-design") //  我目前用的是新版本的iview ,旧版本的iview,用iview代替view-design
      .test(/view-design.src.*?js$/)
      .use("babel")
      .loader("babel-loader")
      .end();
  }

e.package.json文件中,browserslist属性的设置

 "browserslist": [
    "> 1%",
    "last 2 versions",
    "ie>=10"
  ]

第二种方式

a.安装依赖包 babel-polyfill

b.main.js中引

import "@babel/polyfill";

c.babel.config.js文件中配置:

 presets: [
    "@vue/app",
    [
      "@babel/preset-env",
      {
        useBuiltIns: "entry"
      }
    ]
  ]

d.package.json文件中,browserslist属性的设置

 "browserslist": [
    "> 1%",
    "last 2 versions",
    "ie>=10"
  ]

希望能帮助到同样问题的小伙伴,若问题解决,顺便star~,表示支持哈~,今天有点懒,就直截了当了~~~~

可参考:www.jqhtml.com/62466.html