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 is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
updated 1 package and audited 33486 packages in 75.189s
found 18 vulnerabilities (1 low, 10 moderate, 6 high, 1 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

第二步: 在 Webpack中使用

在webpack.config.js文件中,使用

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

替换原来的

app: ‘./src/main.js‘

如下图是修改后的位置:

最后一步:

重新启动项目  npm run dev

原文地址:https://www.cnblogs.com/stella1024/p/9742318.html

时间: 2024-08-24 22:23:55

vue项目在IE下报 [vuex] 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 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"] } }; 替换

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

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:

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

解决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项目npm run dev报错events.js:160 throw er; // Unhandled &#39;error&#39; event listen EADDRINUSE :::8002

出错情况,如下图: 报错原因: listen EADDRINUSE :::8002 意思是当前8002端口被占用 解决办法: 一:简单粗暴:关掉可能影响的相关程序,重新执行启动. 二: 1.Win+R,cmd查询使用的端口号是否被占用: 输入命令:netstat -aon|findstr "8002" 按回车显示占用8080端口对应的程序的PID号:如下图: 2.根据PID号找到对应的程序: 输入命令:tasklist|findstr "12452" 按回车后显示出

Vue项目中ESlint语法报错问题的处理方法

首先在项目根目录创建一个名叫.prettierrc的格式化配置项文件,文件内的格式为json格式. semi: falae 为true 格式化在行尾加分号,false不加分号 singleQuote: true 为true表示格式化以单引号为主 { "semi": false, "singleQuote": true } 禁用某项eslint规则: 在项目目录打开 .eslintrc.js 文件 在rules对象添加报错的属性,并设置为0,表示禁用该项. 一般在报错