vue2.0在ios9等低版本手機上的出現白屏的解決過程及思路

1.先用safari開發模式去定位問題,發現是es6的語法低版本不支持
2.vue默認是對項目文件進行過js的編譯的,所以不是開發文件裏的語法問題,最後定位到是項目中引用的一個第三方庫導致的這個問題

3.將這個需要編譯的第三方庫加入vue的編譯目錄,修改webpack.base.conf.js,修改這一塊代碼

{
        test: /\.js$/,
        include: [
            resolve('src'),
            resolve('test'), 
            resolve('node_modules/webpack-dev-server/client'),                             
            resolve('node_modules/resize-detector/esm/index.js')],  //增加的代碼
            loader: 'babel-loader'
        
},    

4.之後再重新運行項目,發現報錯沒有了,網頁成功顯示

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章