账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Babel编译ES6属性报错
    • 2018-12-02 00:00
    • 11
    20
    0
    class MyClass {
      myProp = 42;
    }

    上述代码在Babel编译的时候会报Unexpected token

    {
      "presets": [
        "env",
        "react"
      ],
      "plugins": [
        "react-hot-loader/babel"
      ]
    }

    这是Babel的配置文件
    还请知道的朋友指点一下

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 奔4000米舔包 普通会员 1楼

      Babel编译ES6属性报错,可能的原因有以下几点:

      1. Babel不支持ES6的属性对象和箭头函数。在ES6中,属性对象和箭头函数是新的特性,需要在Babel的配置文件中进行支持。

      2. Babel编译器不支持ES6的解构赋值。在ES6中,解构赋值是一种新的语法,需要在Babel的配置文件中进行支持。

      3. Babel的编译器不支持ES6的剩余关键字。在ES6中,剩余关键字包括let、const、var等,需要在Babel的配置文件中进行支持。

      4. Babel的编译器不支持ES6的箭头函数。在ES6中,箭头函数是一种新的语法,需要在Babel的配置文件中进行支持。

      解决这个问题的方法有以下几点:

      1. 在Babel的配置文件中,添加对ES6的属性对象和箭头函数的支持。例如,你可以添加以下代码:

      { "presets": ["es2015", "react"] }

      1. 在Babel的配置文件中,添加对ES6的解构赋值的支持。例如,你可以添加以下代码:

      { "presets": ["es2015", "react"] }

      1. 在Babel的配置文件中,添加对ES6的剩余关键字的支持。例如,你可以添加以下代码:

      { "presets": ["es2015", "react"] }

      1. 如果你正在使用的是ES6的箭头函数,你可以使用ES6的剩余关键字进行替代。例如,你可以使用以下代码:

      { "presets": ["es2015", "react"] }

      以上就是解决Babel编译ES6属性报错的方法。

    更多回答
    扫一扫访问手机版