如何解決vue2.0下IE瀏覽器白屏問(wèn)題
更新時(shí)間：2018年09月13日 15:32:03 作者：華域
這篇文章主要介紹了如何解決vue2.0下IE瀏覽器白屏問(wèn)題，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
公司新開(kāi)發(fā)的項(xiàng)目需要兼容到IE9+
就在index.html頁(yè)面加入
<meta http-equiv="X-UA-Compatible" content="IE=edge">
不起作用
總結(jié)方法：
1、兼容IE9/IE10可能會(huì)遇到語(yǔ)法或者 Promise錯(cuò)誤，安裝 babel-polyfill
npm install babel-polyfill
2、在頁(yè)面入口配置main.js中引入 babel-polyfill
import("babel-polyfill")
3、解決編譯錯(cuò)誤----重要
重新安裝一下webpack-dev-server
npm install webpack-dev-server@2.6.1 如果有淘寶鏡像也可使用 cnpm
4、修改 build/webpack.base.conf.js下
app:['babel-polyfill','./src/main.js']
5、安裝babel-preset-es2015-ie
6、根目錄下新建.babelrc
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-runtime"],
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": ["istanbul"]
}
}
}
7、以上操作完成后 運(yùn)行
npm run dev
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue子組件created方法不執(zhí)行問(wèn)題及解決
這篇文章主要介紹了vue子組件created方法不執(zhí)行問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
vue/cli和vue版本對(duì)應(yīng)及安裝方式
這篇文章主要介紹了vue/cli和vue版本對(duì)應(yīng)及安裝方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Vuejs 實(shí)現(xiàn)簡(jiǎn)易 todoList 功能 與 組件實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了Vuejs 實(shí)現(xiàn)簡(jiǎn)易 todoList 功能 與 組件，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09
Vue.js第一天學(xué)習(xí)筆記（數(shù)據(jù)的雙向綁定、常用指令）
這篇文章主要為大家分享了Vue.js第一天的學(xué)習(xí)筆記，包括數(shù)據(jù)的雙向綁定、常用指令學(xué)習(xí),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
vue中前端如何實(shí)現(xiàn)pdf預(yù)覽功能(含vue-pdf插件用法)
這篇文章主要給大家介紹了vue中前端如何實(shí)現(xiàn)pdf預(yù)覽功能的相關(guān)資料,文中包含vue-pdf插件用法,在前端開(kāi)發(fā)中,很多時(shí)候我們需要進(jìn)行pdf文件的預(yù)覽操作,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了基于ant design日期控件使用_僅月份的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
這篇文章主要介紹了vue 微信掃碼登錄(自定義樣式)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
vue elementui el-table 表格里邊展示四分位圖效果(功能實(shí)現(xiàn))
這篇文章主要介紹了vue elementui el-table 表格里邊展示四分位圖效果(功能實(shí)現(xiàn)),本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-04-04
vite打包去除console.log和debugge的方法實(shí)踐
本文主要介紹了vite打包去除console.log和debugge的方法實(shí)踐,vite 已經(jīng)將這個(gè)功能內(nèi)置了,所以我們只需要修改配置文件,下面就來(lái)介紹一下如何修改2023-12-12
本篇文章主要介紹了詳解VueJs前后端分離跨域問(wèn)題，詳細(xì)介紹了在項(xiàng)目?jī)?nèi)設(shè)置代理（proxyTable）的方式來(lái)解決跨域問(wèn)題，有興趣的可以了解一下2017-05-05