昨天其他同事反馈IE浏览器无法打开线上的应用,查看了一下,发现控制台报以下错误: 发现和vuex有关系,去其官网查看了一下文档,发现关于IE浏览器的Promise的问题: 在vue-cli(webpack4)中的解决方案如下: (1)安装babel-polyfill 命令:npm i babel-polyfill -S (2)导入babel-polyfill(两种方式) 1.修改webpack.base.config.js中的入口配置 2.如果不使用上面2.1的方式,那么可以修改main.js的…
[vuex] vuex requires a Promise polyfill in this browser 上述错误的原因是不支持 Promise 方法,导致页面出现空白无法加载. 解决方法如下: 1.安装 babel-polyfill npm i --save babel-polyfill 2.在webpack.config.js中入口设置 entry: { login: ['babel-polyfill','./src/login.js'], com: ['babel-polyfill'…
ie浏览器下报错 vue刚搭建的项目,在谷歌浏览器能够正常访问,但是在ie11等ie浏览器下无法显示页面,打开控制台查看无报错信息,打开仿真一栏,提示[vuex] vuex requires a Promise polyfill in this browser,如图 解决方法: 1: 安装 babel-polyfill . yarn add babel-polyfill 2:添加到Webpack配置文件 webpack.config.js 中 entry: { // app: "./src/ma…
使用Vuex, IE浏览器报错 因为使用了 ES6 中用来传递异步消息的的Promise,而IE低版本的浏览器不支持. ##解决方法 第一步: 安装 babel-polyfill . babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法 npm install --save babel-polyfill 第二步: 在 Webpack/Browserify/Node中使用 在webpack.config.js文件中,使用 module.exports = { entry…
ie 浏览器访问 vue 项目(使用的vuex 状态管理组件)报错:vuex requires a Promise polyfill in this browser 处理办法: 1.npm install --save-dev babel-polyfill 2. if you use webpack, in webpack.config.js you can replace your module.exports = { entry: { app: './src/main.js' }, with…
android内嵌H5页面不显示出现这个问题,原因有很多 首先,别急,请看下面的推荐方案: 1.找个Android真机测试下(机型版本为4.4以上),真机联调测试 Android 只需要四个步骤: 1.先保证 是否安装了chrome浏览器 2.其次 ,保证 chrome 是否 已经FQ成功! 3.最后 使用Android 真机连接 电脑 4.最后的最后,打开chrome ,输入:chrome://inspect 即可,另外,chrome只支持 android 4.4以上手机! IOS 只需要两步…
1.ie9+报错vuex requires a Promise polyfill in this browser. 解决如下: npm install --save-dev -polyfill 修改config.entry from: entry: {   app: './src/main.js'     } to: entry: { 'babel-polyfill': 'babel-polyfill', app: './src/main.js'    } 2....…
Error: [vuex] vuex requires a Promise polyfill in this browser. 与 babel-polyfill 的问题 采用最笨重的解决方案就是npm install babel-polyfill 然后在webpack中如此设置: entry: { 'babel-polyfill': 'babel-polyfill', app: './src/main.js' }, 但在开发环境下,我们在IE11打开的时候依然有问题(但在现代浏览器中浏览居然没问…
使用的是vue2.0版本 IE报错提醒: 导致原因:使用了 ES6 中用来传递异步消息的的Promise,而IE的浏览器不支持 解决办法: 1.安装babel-polyfill模块,babel-ployfill模块可以模拟ES6的使用环境 npm install babel-ployfill --save 2.修改build文件夹下的webpack.base.conf.js 将: module.exports = { entry: { app: './src/main.js' }     改为:…
如下图所示,项目在IE11下打开报错: 因为使用了 ES6 中用来传递异步消息的的Promise,而IE浏览器都不支持. 解决方法: 第一步: 安装 babel-polyfill . babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法 $ npm install --save babel-polyfill npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed.…