IE浏览器VUE语法兼容

1.安装’babel-polyfill’

cnpm i --save babel-polyfill

2.在main.js中引入’babel-polyfill’

import ‘babel-polyfill’

3.在babel.config.js中添加

module.exports = {presets: [['@vue/app', {useBuiltIns: 'entry'}]]
}

4.在vue.config.js中添加

module.exports = {transpileDependencies: ["*"] // 这里*是代表选择了dependencies中所有需要转换的依赖，也可以按需填写，比如["vuex","element-ui"]
}

5.package.json中’browserslist’的配置

"browserslist": ["> 1%","last 2 versions","not ie < 11","not dead"]

IE浏览器VUE语法兼容相关推荐

vue打包后有es6语法兼容问题，ie报错
vue打包后有es6语法兼容问题,ie报错 (个人学习笔记,仅供参考): 情景:ie/360浏览器打开build之后的页面报错了,点击报错定位的时候发现有"const"和箭头函数语 ...
vue 项目兼容 IE 浏览器
前言 : 网上找了很多关于 vue项目兼容 IE 浏览器的教程步骤 , 写的非常详细 , 但根据我自己的项目,怎么找都没有找到 webpack.base.conf.js 这个文件 ,就没办法配 ...
javascript:window.scroll()函数behavior属性smooth属性值在iphone浏览器上不兼容
javascript:window.scroll()函数behavior属性smooth属性值在iphone浏览器上不兼容在制作静态页面的时候,使用window.scroll()来实现点击爬楼的事件 ...
Flex 布局在IE浏览器下的兼容问题
Flex 布局在IE浏览器下的兼容问题原文地址:gitub上的Flexbugs list,可以看到Flex布局在IE糟糕表现的详细描述. 2. Column flex items set to al ...
css html 实现刻度,vue语法css实现刻度尺
更新记录 1.0.2(2021-04-09) 滑动小于半个格时,刻度线不会回弹问题 1.0.1(2021-03-28) vue语法css实现刻度尺横向整数.小数点竖向整数.小数点查看更多平台兼 ...
乐鑫Esp32学习之旅 18 入门京东微联·小京鱼的控制面板H5开发，读懂vue语法，做自己的控制页面。
本系列博客学习由非官方人员半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. 爬坑学习新旅程,虚拟机搭建esp32开发环境,打印 " ...
**ie浏览器报语法错误**
ie浏览器报语法错误一般是ie不兼容es6新语法导致解决办法 1.引入babel-polyfill 2.已经引入上面1还是报错,这可能是因为没有覆盖到,这个时候需要找到引入依赖文件路径在下图一样 ...
分针网——Javascript不同浏览器差异及兼容方法
Javascript不同浏览器差异及兼容方法 javascript的各种兼容就是为了解决不同浏览器的差异性,了解其中的差异能够帮助你更快的解决问题,提高代码的使用质量,编写更优秀的javascript ...
解决Selenium与firefox浏览器版本不兼容问题
解决Selenium与firefox浏览器版本不兼容问题参考文章: (1)解决Selenium与firefox浏览器版本不兼容问题 (2)https://www.cnblogs.com/limxia ...

IE浏览器VUE语法兼容

IE浏览器VUE语法兼容

IE浏览器VUE语法兼容相关推荐

最新文章

热门文章