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