【踩坑】Safari不兼容webpack封装的vue项目

刚完成 Iblog 博客项目,在 chrome 浏览器调试完后,用 Safari 打开网站,页面一直停留在加载状态。

后来网上说这是 Safari 不支持 ES6 所致。

经过搜索,在 github 上有人遇到并解决了这个问题: 

vue-router + webpack dose work on Safari

  • 引入 babel-polyfill 和 whatwg-fetch 模块:
npm install babel-polyfill  whatwg-fetch --save-dev 
  • 然后在 webpack 项目 config 目录下的 index.js 文件中加入:
...
  entry: {
    app: ['babel-polyfill', 'whatwg-fetch', './src/main.js'],
  },
...

重新构建项目,成功在 Safari 中打开项目。

posted @ 2019-03-19 10:09  lipohong  阅读(4334)  评论(0编辑  收藏  举报