vue ie11,vue项目在IE下报语法错误

vue ie11,vue项目在IE下报语法错误

∩▽∩ 在ie11中直接引入vue.js,打开页面值没有渲染，打开控制台报错，有可能是你页面中使用了太多的es6语法，谨记第一种方法一、npm模式1、npm安装babel-polyfill npm install babe'@vue/app', [ '@babel/preset-env', { 'useBuiltIns': 'entry' } ] ] 注意这个@babel/preset-env是一个有关环境变量的包，这个包在你使用vue脚手架3.0创建项

importAppfrom'./App.vue' importrouterfrom'./router' importhttpfrom'@/utils/request' 注意：我当时是在基于@vue/cli5+vue2的项目中，使用@babel/polyfill兼容51CTO博客已为您找到关于vue 支持ie11的相关内容，包含IT学习相关文档代码介绍、相关教程视频课程，以及vue 支持ie11问答内容。更多vue 支持ie11相关解答可以来51CTO博客参与分

1.ie11浏览器解析不了部分es6语法和api (解决方案：babel7+core-js3) 2.页面内引入的外链js兼容问题(解决方案：外部转译处理保证js引入顺序及ployfill处理) 3.babel默认不会转换node_modules中文IE11 打开Vue 工程（Vue CLI）构建而来出现空白页，控制台告警、报错。如：DOM7011: 此页上的代码

在对一个vue2+ts的项目中发现vue-property-decorator插件也是使用了非ES5语法导致IE11无法兼容。总结其实上面的sockjs-client一般情况下只会在本地出现，因为本地启动的服务本质是启动的socket服这时可以在本地使用此命令yarn build --mode=development,打包获取一份未经过压缩的代码，其中包含具体引入的node_modules里的包的路径信息，然后再对比ie中报错的文件进行关键

如果transition组件没有name 属性值，默认类名的前缀是v-,如上面的v-enter、v-leave,如果有name 属性，假设值为fade,那么过渡的类名就会变为fade-enter、fade-leave这样表示not ie < 11 Polyfill 默认的Vue CLI 项目会使用@vue/babel-preset-app,它通过@babel/preset-env和browserslist配置来决定项目需要的polyfill。默认情况下，它会把useBuiltIns: 'usage'传递给@b