vue項目在安卓低版本機顯示空白如何解決

發布時間：2022-11-11 10:06:51 來源：億速云閱讀：190 作者：iii 欄目：開發技術

今天小編給大家分享一下vue項目在安卓低版本機顯示空白如何解決的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

vue項目在安卓低版本機顯示空白原因：

可能的原因一

查看安卓debug，報錯，可能有箭頭函數語法錯誤，或者其他語法問題，那可能是ES6語法問題。

這時候需要安裝babel-pollyfill。

1.安裝babel-polyfill和es6-promise

npm i babel-polyfill --save
npm i es6-promise --save

2.main.js引入

import ‘babel-polyfill‘
import Es6Promise from ‘es6-promise‘
Es6Promise.polyfill()

3.webpack.base.conf.js

module.exports = {
entry: {
　　"babel-polyfill":"babel-polyfill",
　　 app: ‘./src/main.js‘ //原本只有這一行
}

這時如果安卓機依然空白打不開，繼續查看原因二

可能的原因二：

查看npm run build打包之后有沒有打包報錯，有時間一些小功能可能不影響頁面展示和使用，但是打包也報錯了，我們可能就忽略了，只要打包有報錯，安卓就一定不能正常顯示，不像瀏覽器，我這里看到的報錯是

發現報錯的位置是在router文件夾下的index.js文件中分別是用了es6對象的合并，和模版字符串，這時候只需要去webpack.base.conf.js中

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [
   resolve('src'),//表示在src目錄下的js需要編譯
  ],
 },

加一個include，resolve router所在目錄即可，如果這里直接寫路徑，會不起作用。

Vue的優點

Vue具體輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快等優勢，Vue中頁面使用的是局部刷新，不用每次跳轉頁面都要請求所有數據和dom，可以大大提升訪問速度和用戶體驗。

以上就是“vue項目在安卓低版本機顯示空白如何解決”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。

向AI問一下細節