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"] } }
希望大佬看到有不对的地方,提出博主予以改正!