vue项目在ie中空白问题

vue项目在ie浏览器中出现空白,f12打开后发现在body下面就只有一个div盒子,因此我们可以猜测就是js没有引入导致的,所有网上看了一些相关的才知道,在ie中无法解析es6或者版本更高的语法,所以需要一个解析的js去把es6,es7语法转换为es5语法。

首先安装 babel-polyfill

npm install --save-dev babel-polyfill
yarn add babel-polyfill -S

  

其次在入口文件中引入即可(在vue项目中的main.js,这个具体项目具体处理,但是用vue脚手架安装的大多数就是这个)

// main.js
import 'babel-polyfill'

  

或者你也可以在vue.config.js中替换或者添加一下(tip:这个是在vue-cli3.x后自己配置加上去的,vue-cli3.x以前的需要配置在webpackconfig.js中)

module.exports = {
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  }
}

  

 

posted @ 2019-12-12 16:43  zaijinyang  阅读(1027)  评论(0编辑  收藏  举报