使用vue2.0 開發的單頁面網站, 在華爲部分型號(p20也是....),部分安卓手機打開頁面是空白;vue
網上的方法是把把es6 轉 爲 es5, 當時我使用的 vue-cli , webpack 內置babel
,會自動轉碼, 排查這種可能性; node
根據理解多是這些瀏覽器的內核版本比較低,因此在ie8,ie9進行調試, 發現報錯;webpack
錯誤指向的是自定義的過濾器的方法, es6
該js文件放在static 目下,並未放入 src/assets目錄下,致使未打包入app.js文件。web
在 webpack.base.conf.js 部份內容vue-cli
{ test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] },
上面的代碼看出: webpack 爲對static 目錄下的js 進行 babel-loader 轉碼。element-ui
能夠修改成 ( 修改配置後,須要重啓服務 )瀏覽器
{ test: /\.js$/, loader: 'babel-loader', query:{presets:['es2015']}, include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'), resolve('static/js')] },
因爲我這裏是代碼放不合邏輯, 所以就是文件移入 /assets目錄下。babel
修改後在ie9環境下無錯誤, 在以前的瀏覽器出現白屏問題解決。app
發現使用
ps : 這個我遇到問題的緣由, 僅僅提供解決問題的思路。若其中存在錯誤歡迎指出,在此先謝過。