为什么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 $index报错问题

vue weex是啥?

vue如何实现局部刷新?(代码示例)

浅谈vue.js中$refs的使用方法(附代码)

详解6个不同级别的组件可重用性概念

vue路由守卫有哪三种类型

九大vuejs常见面试题,你都会吗?

浅谈vue中axios的封装

vue.use方法怎么用

vue如何注释

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




打赏

取消

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

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

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

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

评论

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

    暂无评论...