vue項(xiàng)目兼容IE瀏覽器的教程步驟
前言 :
網(wǎng)上 找了很多關(guān)于 vue項(xiàng)目兼容 IE 瀏覽器的 教程步驟 , 寫(xiě)的 非常詳細(xì) , 但根據(jù)我自己的項(xiàng)目,怎么找 都沒(méi)有找到 webpack.base.conf.js 這個(gè)文件 ,就沒(méi)辦法配置
因?yàn)?vue-cli最新版本原因 , 隱藏了配置文件, 所有的 都在 vue.config.js中配置
可以根據(jù)自己的 vue-cli 版本來(lái)搜索 配置教程 !!!
進(jìn)入正題:
1: 安裝babel/polyfill
npm install --save @babel/polyfill
2:在main.js里面引入
import '@babel/polyfill' //(一定要在最上面，第一行)
3:安裝完成后會(huì)有babel.config.js文件 手動(dòng)修改下
module.exports = {
presets: [
// '@vue/cli-plugin-babel/preset',
['@vue/app', {
useBuiltIns: 'entry',
}]
]
}4:在package.json文件browserslist配置
"browserslist": [ "> 1%", "last 2 versions", "not ie <= 11" ]
5:在vue.config.js中
module.exports = {
transpileDependencies:['*'] //最開(kāi)始這里的值為 true,查到的改成 * ,
//應(yīng)該是 轉(zhuǎn)成es5,大佬知道的話,可留言解答!
}
這5步完成之后 , 給 IE11 上運(yùn)行會(huì)報(bào) ’ SCRIPT445: 對(duì)象不支持此操 ’
解決: (具體是干嘛的 我還沒(méi)弄明白,大神如果知道可留言解答 !!)
1: 安裝core-js 和 regenerator-runtime
npm install --save core-js regenerator-runtime
2:main.js 引入
import 'core-js/stable'; import 'regenerator-runtime/runtime';
到這 就完美結(jié)束 , IE 就能完美運(yùn)行 起來(lái)了 !!!
總結(jié)
到此這篇關(guān)于vue項(xiàng)目兼容IE瀏覽器的文章就介紹到這了,更多相關(guān)vue兼容IE瀏覽器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue項(xiàng)目如何使用$router.go(-1)返回時(shí)刷新原來(lái)的界面
這篇文章主要介紹了vue項(xiàng)目如何使用$router.go(-1)返回時(shí)刷新原來(lái)的界面問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
vue中的虛擬dom知識(shí)點(diǎn)總結(jié)
這篇文章主要介紹了vue中的虛擬dom知識(shí)點(diǎn)總結(jié)，文章圍繞主題內(nèi)容展開(kāi)詳細(xì)介紹，需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助2022-04-04
vue自定義權(quán)限標(biāo)簽詳細(xì)代碼示例
這篇文章主要給大家介紹了關(guān)于vue自定義權(quán)限標(biāo)簽的相關(guān)資料,在Vue中你可以通過(guò)創(chuàng)建自定義組件來(lái)實(shí)現(xiàn)自定義標(biāo)簽組件,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-09-09
如何配置vue.config.js 處理static文件夾下的靜態(tài)文件
這篇文章主要介紹了如何配置vue.config.js 處理static文件夾下的靜態(tài)文件，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了vue抽出組件并傳值實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
Vue中使用Printjs插件實(shí)現(xiàn)打印功能
Print.js 主要是為了幫助我們直接在我們的應(yīng)用程序中打印 PDF 文件，無(wú)需離開(kāi)界面，也無(wú)需使用嵌入，這篇文章主要介紹了Vue中使用Printjs插件實(shí)現(xiàn)打印功能,需要的朋友可以參考下2022-08-08
使用vue實(shí)現(xiàn)一個(gè)電子簽名組件的示例代碼
這篇文章主要介紹了使用vue實(shí)現(xiàn)一個(gè)電子簽名組件的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
解決iView Table組件寬度只變大不變小的問(wèn)題
這篇文章主要介紹了解決iView Table組件寬度只變大不變小的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
Vue+Echart實(shí)現(xiàn)利用率表盤(pán)效果的示例代碼
這篇文章主要為大家詳細(xì)介紹了Vue如何利用Echart實(shí)現(xiàn)利用率表盤(pán)的效果，文中的示例代碼講解詳細(xì)，具有一定的借鑒價(jià)值，需要的可以參考一下2023-04-04
這篇文章主要介紹了解讀vant的Uploader上傳問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10