vue项目启动时无法识别es6的扩展语法的解决
更新时间：2024年10月16日 09:22:25 作者：Juliet_xmj
启动项目时遇到ES6的拓展运算符报错可以通过切换到淘宝镜像,以及在项目根目录下新增.babelrc和postcss.config.js文件来解决,这些操作有助于正确配置项目环境,从而避免报错,并保证项目的顺利运行,希望这些经验能够帮助到遇到相同问题的开发者
vue项目启动时无法识别es6的扩展语法
启动项目报错
解决
ES6的拓展运算符报错
- 1.切换淘宝镜像
npm install -g cnpm --registry=http://registry.npm.taobao.org cnpm install --legacy-peer-deps --save-dev babel-preset-stage-3 cnpm install --legacy-peer-deps --save-dev babel-plugin-transform-object-rest-spread
- 2.根目录下新增文件 .babelrc
{
"presets": [
["es2015", { "modules": false }]
],
"plugins": ["transform-object-rest-spread"] //不能解析es6语法关键解决
}- 3.根目录下新增文件postcss.config.js
module.exports = {
plugins: {
'autoprefixer': {browsers: 'last 5 version'}
}
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue实现文件上传和下载，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
解决ElementUI组件中el-upload上传图片不显示问题
这篇文章主要介绍了解决ElementUI组件中el-upload上传图片不显示问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
在Vue项目中实现打印功能是前端开发中常见需求之一,这篇文章主要介绍了前端vue3打印功能实现的全部过程,文中介绍的方法实现了多页打印并且不使用插件,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了Ant Design Pro 之 ProTable使用操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要介绍了Element-ui upload上传文件限制的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
这篇文章主要介绍了vue如何判断组件进入可视区域问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了Vue 中文本内容超出规定行数后展开收起的处理的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了uniapp页面完成水印添加功能(自定义文字)的相关资料,包括如何编写页面代码、数据代码以及如何展示效果图,通过代码介绍的非常详细,需要的朋友可以参考下2025-01-01
这篇文章主要给大家介绍了关于Vue3使用src动态引入本地图片的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-12-12
这篇文章主要为大家详细介绍了vant实现购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
最新评论