Vue 2.0在IE11中打开项目页面空白的问题解决
前言
因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie11打开出现了bug：
问题
ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser；
原因
Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁） 的技术。
简单地说，polyfill即是在当前运行环境中用来复制（意指模拟性的复制，而不是拷贝）尚不存在的原生 api 的代码。
解决
安装babel-polyfill
步骤
npm安装
npm install --save-dev babel-polyfill
在入口文件倒入即可
import 'babel-polyfill'
如果也是用了官方脚手架vue-cli，还需要在webpack.config.js配置文件中做各修改，用
module.exports = {
entry: {
app: ["babel-polyfill", "./src/main.js"]
}
};
替换
module.exports = {
entry: {
app: './src/main.js'
}
}
总结
好了，问题到这就解决了，以上就是这篇文章的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对小牛知识库的支持。
-
问题内容： 我创建了一个NetBeans项目。我将项目文件夹压缩到另一台机器上，并尝试在NetBeans中打开它。NetBeans并未将其标识为NetBeans项目。我以前已经以这种方式转移了项目，但是为什么现在不起作用？我的项目文件是否已损坏。有什么办法可以从中检索我的文件吗？ 问题答案： 尝试使用从现有资源创建新项目。这样可以解决问题。
-
本文向大家介绍Android WebView打开网页一片空白的解决方法，包括了Android WebView打开网页一片空白的解决方法的使用技巧和注意事项，需要的朋友参考一下 问题描述： 网页链接是Https链接 网页链接在电脑的Chrome浏览器中打开正常 网页链接在手机的Chrome浏览器中打开正常 网页链接在IOS的App上打开正常 网页链接在Android App中打开一片空白，没有任何提
-
本文向大家介绍PyCharm 解决找不到新打开项目的窗口问题，包括了PyCharm 解决找不到新打开项目的窗口问题的使用技巧和注意事项，需要的朋友参考一下 在使用PyCharm或其他JetBrains系IDE过程中，偶尔会出现在新窗口打开一个新项目后，找不到新打开的窗口的情况。 尤其在使用双显示器情况下，出现的次数比较多。 但鼠标放任务栏ide图标上，还会出现预览窗口，如下图所示： 这是什么情况呢
-
很奇怪 使用nginx+docker部署的前后端分离项目 部署上去之后访问的时候出现空白也没有报错，然后按照网上的教程，改了vue的配置文件。也没有效果，不管前面加了点还是没加就是出现不了页面，都是空白的 不知道是什么导致了 很迷茫 有懂的吗 帮忙解决一下呗! 改了vue的打包配置 不管是加了点还是没加都显示不出页面
-
为什么有些软件包用7-Zip打开无法看到里面的资源呢？下面我们来看一种实现方法： !packhdr： 临时文件 命令 这个选项可以让编译器使用 EXE 加壳软件(例如 Petite 或 UPX) 压缩可执行文件头部。请先指定一个临时文件名(例如 "temp.dat")以及命令行(例如 "C:\program files\upx\upx -9 temp.dat")来压缩可执行文件头部。 !packh
-
本文向大家介绍IE11下CKEditor在Bootstrap Modal中下拉问题的解决，包括了IE11下CKEditor在Bootstrap Modal中下拉问题的解决的使用技巧和注意事项，需要的朋友参考一下 最近在项目中需要在Bootstrap Modal弹出框中载入CKEditor。 初始化CKEditor以后，在IE11下，格式/字体/颜色的下拉会闪现一下后就消失，但在chrome和fir