今天寫了一個web項目，用chrome瀏覽器，手機端微信你打開都沒問題，但是在pc端微信打開后是空白的，于是我重新做了一個空白的vue項目，用pc端微信瀏覽器是可以打開的。

慢慢調試發現是語法的問題

一步一步減去組件，再一步一步加上組件，最終定位到一個import的組件導致的。

原來是pc端微信瀏覽器不支持部分es6的語法，

es6語法主要用到()=>{}和let，但是使用這兩個語法并不會導致這個問題，應該是其他原因導致的，懶得深入研究的語法或者新特性導致的

不使用()=>{}語法的話，this在function(){}中不能使用，所以要var _this = this然后在原來的()=>{}中使用_this代替this

經過深入研究，當時的pc瀏覽器的內核版本不支持es6語法，可以通過其他方式將含有es6語法的項目轉為es5

1. 安裝babel-polyfill： npm install --save babel-polyfill2.在main.js引入 import 'babel-polyfill'3.在webpack.base.conf.js中配置: module.exports = {context: path.resolve(__dirname, '../'),entry: {app: ['babel-polyfill','./src/main.js'] //===========這一行加入babel-polyfill}......... }

總結

以上是生活随笔為你收集整理的微信pc端浏览器打开页面空白的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。