記一次vue3在ie11中空白問題的探索
我並沒有解決這個問題,但說不定能給你提供一些思路…
我的專案使用vue-cli進行初始化的。看一下package.json的依賴專案:
"dependencies": {
"core-js": "^3.6.5",
"vue": "^3.0.0"
},
其實並不止這兩個依賴,vue3本身也依賴於別的專案:
"dependencies": {
"@vue/shared": "3.0.4",
"@vue/compiler-dom": "3.0.4",
"@vue/runtime-dom": "3.0.4"
},
vue3本身打包出來的檔案,也就是你npm install的檔案引入的vue3的依賴,包含了函式引數預設值的語法。這個基本是你在ie11開啟時候第一個錯。
對於這個錯誤,是因為babel預設是不會編譯node_moduels裡的檔案的,所以需要配置如下:
值得注意的是,之所以寫兩個,因為如上文所說,專案會引用node_modules裡面vue與@vue兩個資料夾中的檔案。
但這樣改了之後仍舊會報錯:
也就是下面這個同樣的錯誤
Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them
網上的解決辦法是安裝 @babel/plugin-transform-modules-commonjs @babel/plugin-transform-strict-mode
兩個外掛,然後在babel的配置檔案中寫入:
"plugins": [
["@babel/plugin-transform-modules-commonjs", { "strictMode": false }]
]
然後我這裡並沒有作用,之後我並沒找到其他的解決辦法。
最後,vue3本身是不支援ie11的。但他是有計劃去支援的。只不過我看最近的提交一直是修復bug,估計解決相容性問題的優先順序太低了, 下面是原文:
v3.0.0 One Piece release notes: Migration and IE11 Support: We have pushed back the migration build (v3 build with v2 compatible behavior + migration warnings) and the IE11 build due to time constraints, and are aiming to focus on them in Q4 2020. Therefore, users planning to migrate an existing v2 app or require IE11 support should be aware of these limitations at this time
如果哪位大俠知道如何解決,還望不吝賜教。
相關文章
- 記錄一次開發中遇到的問題:Vue 重新整理頁面後,頁面空白Vue
- 記一次微信小程式在安卓的白屏問題微信小程式安卓
- 記一次 Nuxt 3 在 Windows 下的打包問題UXWindows
- 解決flash在chrome瀏覽器列印空白的問題Chrome瀏覽器
- vue 中 echart 在子元件中只顯示一次的問題Vue元件
- vue3 不支援 IE11的本質VueIE11
- 記一次crontab中date命令錯用導致的問題
- 在iOS11下app圖示變空白的問題解決iOSAPP
- 記一次 Redis 容量 超限的問題Redis
- 記一次排查CPU高的問題
- 記一次oom問題排查OOM
- 記錄一次問題排查
- 【Mysql】記一次鎖問題MySql
- phpmyadmin訪問顯示空白問題PHP
- Blazor釋出到IIS中頁面一片空白的問題Blazor
- 推薦系統中的冷啟動問題和探索利用問題
- 記一次 Laravel MethodNotAllowedHttpException 問題排查LaravelHTTPException
- 記一次線上FGC問題排查GC
- 記一次HttpClient使用問題分析HTTPclient
- 解決iframe 右邊有空白的問題
- 記一次Tomcat卡死在 Deploying web application 步驟的問題TomcatWebAPP
- 記一次線上事故,redis 的keys問題,cpu引起的效能問題Redis
- CSS必學:元素之間的空白與行內塊的幽靈空白問題CSS
- 記錄一次XTTS遷移碰到的問題TTS
- 記一次跨域問題的解決方案跨域
- 記一次OOM問題排查過程OOM
- 記一次jstack命令定位問題JS
- Vue加原生寫的app,上拉下拉空白,以及鍵盤收起下面空白的問題。VueAPP
- 一次DG搭建過程中碰到的問題
- 在 Flutter 中探索 StreamBuilderFlutterUI
- 記一次PHP的Invalid binding type問題PHP
- 記錄一次spark連線mysql遇到的問題SparkMySql
- 記一次 Composer 問題的解決過程!!
- 【Windbg】記一次執行緒卡主的問題執行緒
- 記一次線上崩潰問題的排查過程
- 記錄一次無法很好解決的問題
- 記一次棧溢位異常問題的排查
- 記一次wordpress安裝過程中遇到的問題及解決辦法