利用vue框架寫一個簡單的新聞客戶端,修改了部分配置重啟項目后發現又白屏的情況。特此做個簡單的匯總。
1.npm run build打包頁面空白
發現頁面head中引用的js和css文件是出現了路徑錯誤,這里修改如下:
解決位置:config/index.js文件:把assetsPublicPath: '/'改為assetsPublicPath: './'
2. iOS的Safari下無法打開網頁
webpack-dev-server >= 2.8.0 的版本在 iOS Safari 下無法打開網頁,效果為白屏。
控制台報錯:Can't find variable: SockJS 應該是 Safari 的 BUG,比如下面的代碼就會拋出
解決方法
1.使用老版本:
2.其它方法
修改 webpack 相關配置
3.升級vue2+部分手機訪問出現頁面空白
npm run dev后可能出現無法加載到路由模板的信息。
解決位置:config/index.js文件:把 devtool: '#eval-source-map' 改為devtool:'inline-source-map'
4.升級vue2+IP訪問頁面空白
默認只能通過localhost或者127.0.0.1才能訪問,如果使用本機的Ip地址會出現無法訪問到的情況。
解決位置:config/index.js文件:把config/index.js中“host” 配置為“0.0.0.0”就可以解決,或者設置為你電腦的IP地址也行:
5.Vue在IE、低版本Android顯示空白問題
這是由於IE對promise的支持不好,我們需要安裝:babel-polyfill和es6-promise:
然后在main.js文件中引用: