Vue-cli3在IE浏览器下页面空白

最新推荐文章于 2023-12-28 18:00:43 发布

原创最新推荐文章于 2023-12-28 18:00:43 发布 · 499 阅读

3 ·

CC 4.0 BY-SA版权

VUE 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何解决Vue-cli3项目在IE浏览器中显示空白的问题。通过安装babel-polyfill并进行babel.config.js和vue.config.js配置，实现对Element UI和Bootstrap等依赖库的兼容性支持。

Vue-cli3在IE浏览器下页面空白

安装babel-polyfill

npm install babel-polyfill

main.js

import 'babel-polyfill'

babel.config.js

module.exports = {
  presets: [
    ['@vue/app',
    {
      'useBuiltIns': 'entry'
    }]
  ]
}

vue.config.js

 chainWebpack(config) {
     //IE报哪个语法错误就添加
    config.module
     .rule('babel-loader')
     .test(/\.js$/)
     .include.add(
        resolve('node_modules/bootstrap/dist/js/bootstrap.min.js'),
      )
      .end()
 }

  transpileDependencies: [
    'element-ui',
    'bootstrap',//很重要
  ]