vue.js在IE浏览器显示空白页面

ゞ 浴缸里的玫瑰 2022-09-10 07:10 236阅读 0赞

首先这里指的是ie的9+版本，在8及以下版本是无法实现的，因为ie8以下不支持vue中使用的ES5有Object.defineProperty()这个属性。

1.安装 babel-polyfill处理器，所以第一步需要下载：

  1. npm install babel-polyfill --save-dev

2、在main.js文件中引入：

  1. import 'babel-polyfill';

3、在webpack.base.config.js中将entry中的app:‘./src/main.js’改为下面格式

  1. entry: {
  2.     app: ['babel-polyfill', './src/main.js']
  3.   },

4、重新编译即可正常显示

PS：像360浏览器这种可以切换多ie内核的浏览器，它本身是支持vue的，可是有的用户把兼容版本调到了ie8以下，导致页面白屏，这样可以在index.html的入口文件中头部加入：

  1. <meta http-equiv="X-UA-Compatible" content="IE=Edge">

让它强制使用最高内核，这样即使用户360里设置的ie8的兼容模式也是可以显示vue页面的。

发表评论

表情：
评论列表 （有 0 条评论，236人围观）

还没有评论，来说两句吧...

相关阅读