瀏覽器兼容問題踩坑收集

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

    建議解決方案：將jquery的版本降下到2.x  ， npm install jquery@^2.2.4 --save

二、vue開發的網站在IE9.0瀏覽器下預覽，報錯：對象不支持「setLogLevel」屬性或方法 

     建議解決方案：（先空）

三、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' } }