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

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM