IE报vuex requires a Promise polyfill in this browser问题解决

使用Vuex, IE浏览器报错

因为使用了 ES6 中用来传递异步消息的的Promise,而IE低版本的浏览器不支持。

解决方法

第一步: 安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法

npm install babel-polyfill --save

第二步: build/webpack.base.conf.js文件中,使用 "babel-polyfill"

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

替换

module.exports = {
  entry: {
    app:  ‘./src/main.js‘
  }
}

  

原文地址:https://www.cnblogs.com/alantao/p/8989433.html

时间: 2024-08-29 09:15:24

IE报vuex requires a Promise polyfill in this browser问题解决的相关文章

IE9报vuex requires a Promise polyfill in this browser问题解决

因为使用了 ES6 中用来传递异步消息的的Promise,而IE低版本的浏览器不支持. 如图所示: 解决方法第一步: 安装 babel-polyfill . babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法 npm install --save babel-polyfill 第二步: 在 Webpack/Browserify/Node中使用 在webpack.config.js文件中 把 module.exports = { entry: { app: './sr

VUE项目 - IE报vuex requires a Promise polyfill in this browser问题解决

第一步: 安装 babel-polyfill . babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法 npm install --save babel-polyfill 第二步: 在 Webpack/Browserify/Node中使用 在webpack.config.js文件中,使用 module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"] } }; 替换

28、IE报vuex requires a Promise polyfill in this browser问题解决

解决方法第一步: 安装 babel-polyfill . babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法 npm install --save babel-polyfill 第二步:在webpack.base.conf.js文件中修改: module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"] } }; 替换 module.exports = { ent

vue npm run unit Error: [vuex] vuex requires a Promise polyfill in this browser.

PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR Error: [vuex] vuex requires a Promise polyfill in this browser. at webpack:///~/vuex/dist/vuex.js:145:0 <- index.js:9871 解决方法: npm install --save-dev babel-polyfill karma.conf.js files: [ '../node_modules/babel-

vue项目在IE下报 [vuex] vuex requires a Promise polyfill in this browser问题

如下图所示,项目在IE11下打开报错: 因为使用了 ES6 中用来传递异步消息的的Promise,而IE浏览器都不支持. 解决方法: 第一步: 安装 babel-polyfill . babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法 $ npm install --save babel-polyfill npm WARN ajv[email protected] requires a peer of [email protected]^6.0.0 but none

vue在IE11报错‘vuex requires a Promise polyfill in this browser.’

报错信息 因为使用了 ES6 中用来传递异步消息的的Promise,而IE浏览器都不支持.(vuex使用了ES6语法) npm install babel-polyfill(安装babel-polyfill) Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而可以在现有环境执行.所以你可以用ES6编写,而不用考虑环境支持的问题. 修改方法1: 在 Webpack中使用 修改方法2: 在main.js中使用 import"babel-polyfill"; import

解决vuex requires a Promise polyfill in this browser问题

造成这种现象的原因归根究底就是浏览器对ES6中的promise无法支持,因此需要通过引入babel-polyfill来是我们的浏览器正常使用es6的功能 首先通过npm来安装: npm install babel-polyfill --save-dev 接下来就是根据场景来引入 目前本喵遇到的出现这种错误的场景有两种: 1.在使用vue-cli搭建的unit测试时(npm run unit),因为测试时启动的浏览器不是我们常用的chrome,而是PhantomJs.为了能让其像chrome一样正

Vue ElementUI Axios报错: Uncaught (in promise) TypeError: Cannot read property &#39;$message&#39; of undefined

从头再来!!! 出错的代码如下: login() { this.loading = true let userInfo = {account: this.loginForm.account, password: this.loginForm.password, captcha: this.loginForm.chptcha} this.$api.login.login(userInfo).then( function(res) { if (res.msg != null) { this.$mes

vue-router点击菜单栏同一个模块报错 ———— Uncaught(in promise) NavigationDuplicated error .......

在做移动端底部导航时,鼠标双击各个选项会报如下错误,但是单击时不会出现任何问题. 出现这个bug的原因就是vue-router版本问题,vue-router 3.0版本以上的回调形式是promise api的形式,返回的是一个promise,如果没有捕获到错误,控制台始终会出现上图的警告: 解决方法之可以是安装低版本的vue-router或者捕获抛出放入错误: 解决方法大概包括以下3种解决方法: 1)删除node_modules文件夹,然后使用“cnpm install”重新安装依赖(ps:尝试