怎么看vue项目是es5还是6（如何查看vue项目的版本）

本篇文章给大家谈谈怎么看vue项目是es5还是6，以及如何查看vue项目的版本对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、解决 Vue 浏览器兼容 edge safari ie 问题
• 2、vue项目打包,npm run build时报错,怎么把ES6转为ES5?试了好几种方法都没成功,请问有详细的步骤操作吗?
• 3、vue项目兼容ie浏览器
• 4、怎么查看vue是不是压缩或者生产版本的

解决 Vue 浏览器兼容 edge safari ie 问题

最近做的一个Vue项目，遇到了在Edge浏览器，Safari（version: 9.xx）浏览器上打不开的问题。分别有以下报错：

Safari Error:

Edge Error:

const 和 ...（spread operator）语法都是ES6语法，这说明在Edge和safari 9 浏览器下都不支持ES6语法。带着这个判断，我去查了一下es6的浏览器支持情况，果不其然，safari10以下和Edge14以下 和 IE 都不支持es6语法，具体ES6浏览器支持情况请参考以下表格：

Browser Support for ES6 (ECMAScript 2015)

找到问题的原因在于浏览器不支持ES6语法，所以需要使用Babel去编译。接下来是如何在前端项目中配置babel，使能够将ES6编译成ES5语法：

注意 ： 所有使用到了ES6语法的文件都需要配置在以上的 module rules include 里面。

重新运行项目，刷新浏览器发现页面恢复正常。

这篇文章涉及到的前端技术包括： ES6的新特性 ， babel的配置 ，等等。感兴趣的同学可以查看我的其他文章或者自行学习。

参考文献： From ES5 to ESNext

vue项目打包,npm run build时报错,怎么把ES6转为ES5?试了好几种方法都没成功,请问有详细的步骤操作吗?

1、ES6转换ES5，使用babel-loader包

2、看到截图问题，估计是sass编译出错吧，导致文件压缩报错

最好附上debug.log日志，就看截图，不好定位错误问题

vue项目兼容ie浏览器

一、关于babel-polyfill（模拟ES2015以上的环境，主要用于对ES6新语法不支持的浏览器）

1、安装：

npm install --save babel-polyfill；

2、配置（webpack.base.conf.js）：

3、main.js中配置：

二、es6-promise不兼容

1,安装：

2,在main.js中加入

3,解决报错：

Cannot assign to read only property 'exports' of object '#Object'

以上步骤操作完成即可在ie打开页面

其他可能出现的问题：

1，操作完数据后页面没有更新，可以在main.js里当接口请求时加上时间戳

2，ie提示const必须初始化

each.js修改为

3,报错以下未定的错

es6转es5！

在项目的根目录下，修改.babelrc的内容，添加'es2015'

接着会报以下错误

怎么查看vue是不是压缩或者生产版本的

如果想要查看vue的版本,直接去项目中,找到package.json文件夹 找"dependencies"然后就可以看到你装的vue的版本了

"dependencies": {

"axios": "^0.21.1",

"core-js": "^3.6.5",

"element-ui": "^2.14.1",

"vue": "^2.6.11",

"vue-resource": "^1.5.1"

},

关于怎么看vue项目是es5还是6和如何查看vue项目的版本的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。