vue 项目在 IE 浏览器中出现空白, f12 打开后发现在 body 下面就只有一个 div 盒子, 因此我们可以猜测就是 JS 没有引入导致的, 所有网上看了一些相关的才知道, 在 IE 中无法解析 es6 或者版本更高的语法, 所以需要一个解析的 JS 去把 es6,es7 语法转换为 es5 语法.
首先安装 babel-polyfill
- NPM install --save-dev babel-polyfill
- yarn add babel-polyfill -S
其次在入口文件中引入即可 (在 vue 项目中的 main.JS, 这个具体项目具体处理, 但是用 vue 脚手架安装的大多数就是这个)
- // main.JS
- import 'babel-polyfill'
或者你也可以在 vue.config.JS 中替换或者添加一下 (tip: 这个是在 vue-cli3.x 后自己配置加上去的, vue-cli3.x 以前的需要配置在 webpackconfig.JS 中)
- module.exports = {
- entry: {
- App: ["babel-polyfill", "./src/main.js"]
- }
- }
来源: http://www.bubuko.com/infodetail-3328433.html