360兼容模式下报错：[vuex] vuex requires a Promise polyfill in this browser.

原因：

360浏览器中包含了两个浏览器
一个是IE（Trident内核），即兼容模式，在使用网银时需要切换为兼容模式
一个是Chrome（Chrommium内核），即极速模式，普通浏览时使用

  • Chrome：51 版起便可以支持 97% 的 ES6 新特性。
  • Firefox：53 版起便可以支持 97% 的 ES6 新特性。
  • Safari：10 版起便可以支持 99% 的 ES6 新特性。
  • IE：Edge 15可以支持 96% 的 ES6 新特性。Edge 14 可以支持 93% 的 ES6 新特性。（IE7~11 基本不支持 ES6）

babel-polyfill

babel-polyfill  是针对全局环境的，引入它浏览器就好像具备了规范里定义的完整的特性，一旦引入，就会跑一个  babel-polyfill  实例。用法如下：
1.安装 babel-polyfill
 
npm install babel-polyfill --save
2.在入口文件中引用： 
import 'babel-polyfill'
针对ES6的兼容性问题，很多团队为此开发出了多种语法解析转换工具，把我们写的ES6语法转换成ES5，相当于在ES6和浏览器之间做了一个翻译官。比较通用的工具方案有babel，jsx，traceur，es6-shim等。


法一：webpack.base.conf.js中配置
entry: {
app: [ "babel-polyfill", "./src/main.js"],
}

entry: {
app: "./src/main.js",
"babel-polyfill" : "babel-polyfill"
}


法二：在main.js中引入
import ' babel-polyfill'

但上述方法都未生效！

本人亲测下列两种方法可行：
法一：webpack.base.conf.js中配置
entry: {
    // "babel-polyfill"用来解决的兼容性
    app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']
}
法二：
直接引入：
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue