瀏覽器相容問題踩坑收集
阿新 • • 發佈:2018-11-10
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' } }