參考:https://blog.csdn.net/qq_39471200/article/details/92655322
問題1:
最近使用react官方腳手架create-react-app建立項目的時候發現在ie瀏覽器打開時顯示空白,在主流的chrome、fireFox等瀏覽器顯示是正常的。
打開控制台顯示如下
既然提示了語法錯誤,那么猜想應該是兼容性的問題,看了下瀏覽器的版本號是ie11。首先我翻了下create-react-app的文檔,從中看到了正好有對ie9、ie10、ie11的兼容性問題解決的一個方案。這時需要用到create-react-app這個插件。
文檔地址:
https://facebook.github.io/create-react-app/docs/supported-browsers-features
create-react-app github地址:
https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill
那么下面首先下載這個插件
npm install react-app-polyfill
然后在src下的index.js也就是js入口文件中寫入
import "react-app-polyfill/ie9";
import "react-app-polufill/stable";
根據官網的提示,還需要在package.json文件中的browserslist中添加ie9
最后重新運行項目發現還是空白但是瀏覽器沒有報錯,把node_moudles刪掉重新安裝后就可以正常打開了
ps:create-react-app 在版本 3.3.0時,以上方法,試過后,還是報錯。點進去發現是 new websocket() 代碼處報錯。
解決方法參照issues:https://github.com/facebook/create-react-app/issues/8084
現在 ie11及ieedge上可以跑起來了。
問題2:
ie10及ie9打印出如下錯誤:
參照鏈接:https://reactjs.org/docs/javascript-environment-requirements.html
此處小坑:本地開發環境依然被阻斷,線上環境未知,等待校驗。。。。。