为什么vue.js报错


本文摘自PHP中文网,作者藏色散人,侵删。

vue.js报错是因为项目中不识别es6的扩展运算符,其解决办法就是通过“cnpm install babel-preset-es2015 --save-dev”方法下载es6的依赖项即可。

本文操作环境:Windows7系统、vue2.0、Dell G3电脑。

为什么vue.js中使用...运算符会报错?

vue.js使用...运算符会报错的原因是:项目中不识别es6的扩展运算符, 解决方式很简单。

解决方法:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

// 第一步

cnpm install babel-plugin-transform-object-rest-spread

// 第二步 看一下你的 .babelrc 里面是否有识别es6语法的配置

{

 "presets": [

  ["env", {

   "modules": false,

   "targets": {

    "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]

   }

  }],

  "stage-2"

 ],

 "presets": [

  ["es2015", { "modules": false }]

 ],

 "plugins": ["transform-object-rest-spread"]

}

这两都做完,发现又报错了。原因是你只配置了。但是没有下载es6的依赖项

只需要下载

1

cnpm install babel-preset-es2015 --save-dev

这样就ok了!

推荐:《vuejs教程》

以上就是为什么vue.js报错的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

怎么用vue.js做异步请求

vue中如何分离css

vue路由跳转的三种方式是什么

vue是做什么的

为什么vue不使用ajax

怎么运行vue.js

vue文件怎么打开

vue 3.2发布啦,站起来继续学!

怎样在vue中使用jquery

vue项目全局使用axios的方法介绍

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...