1. 程式人生 > >瀏覽器相容問題踩坑收集

瀏覽器相容問題踩坑收集

1、vue開發的網站在搜狗瀏覽器下預覽,報錯:Uncaught ReferenceError: __WEBPACK_AMD_DEFINE_ARRAY__ is not defined 

    建議解決方案:將jquery的版本降下到2.x  , npm install [email protected]^2.2.4 --save

2、vue開發的網站在IE9.0瀏覽器下預覽,報錯:物件不支援“setLogLevel”屬性或方法 

     建議解決方案:(先空)

3、Vue開發的網站在IE11下報錯:SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.

     原因:因為使用了 ES6 中用來傳遞非同步訊息的的Promise,而IE低版本的瀏覽器不支援。

 

 

建議解決方案:

第一步: 安裝 babel-polyfill 。 babel-polyfill可以模擬ES6使用的環境,可以使用ES6的所有新方法

npm install --save babel-polyfill

第二步: 在build/webpack.base.config.js檔案中,使用

module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"] } };

替換

module.exports = { entry: { app: './src/main.js' } }