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"] } }