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

Lobove_code

于 2021-06-11 10:07:50 发布

阅读量458

点赞数

分类专栏： VUE

本文链接：https://blog.youkuaiyun.com/Lobove_code/article/details/117807098

版权

VUE 专栏收录该内容

11 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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',//很重要
  ]