vue---vue项目在ie浏览器显示空白解决方法(安装babel-polyfill )

问题描述:

使用vue-cli脚手架搭建的项目,【npm run dev】运行,在chrome下显示,ie下显示空白。

解决方法:

1、安装babel-polyfill :【npm install babel-polyfill --save-dev】

2、安装完成后,可以在【package.json】中看到安装的版本信息。在【main.js】中引入babel-polyfill vue---vue项目在ie浏览器显示空白解决方法(安装babel-polyfill )_第1张图片    vue---vue项目在ie浏览器显示空白解决方法(安装babel-polyfill )_第2张图片

3、在【build】目录下【webpack.base.conf.js】中找到【entry】,修改配置如下:

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

vue---vue项目在ie浏览器显示空白解决方法(安装babel-polyfill )_第3张图片

正常安装babel-polyfill并进行相应的配置后,如果发现IE浏览器打开页面依然空白。则在【webpack.base.conf.js】添加【resolve("static")】配置,如图:

vue---vue项目在ie浏览器显示空白解决方法(安装babel-polyfill )_第4张图片

 

你可能感兴趣的:(前端tips,vue)