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 Vue from ‘vue‘

import App from ‘./App.vue‘

import router from ‘./router‘

import store from ‘@/store‘

import axios from ‘axios‘

import ElementUI from ‘element-ui‘;

import ‘element-ui/lib/theme-chalk/index.css‘;

  由于我的项目是多模块,如图

 

原文地址:https://www.cnblogs.com/jiayeyuan/p/12222442.html

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

vue在IE11报错‘vuex requires a Promise polyfill in this browser.’的相关文章

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

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:

解决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项目 - 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"] } }; 替换

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

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热更新报错(log.error(&#39;[WDS] Errors while compiling. Reload prevented.&#39;))

log.error('[WDS] Errors while compiling. Reload prevented.');中的WDS其实是webpack-dev-serverwebpack的意思,用来实现自动刷新的.但你在Vue组件进行频繁刷新时,如果没有安装Webpack,虽然页面可以正常显示,但是控制台会在你每次刷新时就报错.解决方法是:在开发目录下安装Webpack,命令为npm install webpack-dev-server --save-dev即可,安装完成之后会在node_mo

vue 项目启动报错:Cannot assign to read only property &#39;exports&#39; of object &#39;#&lt;Object&gt;&#39;

最近做项目,打开一个新项目,在启动时报错 查询百度结果是 在webpack打包的时候,可以在js文件中混用require和export.但是不能混用import 以及module.exports. 因为webpack 2中不允许混用import和module.exports, 但是在经过我试验之后,发现不起作用,再去百度,发现一个解决办法: 执行npm: npm install babel-plugin-transform-es2015-modules-commonjs 然后在 babelrc文