当前未启用对实验性语法“decorators-legacy”的支持

Question

当我使用 mobx-react 和尝试使用 annotations 时，我收到了上述错误。这里我使用的是 .js 而不是 .ts。之前提供的所有解决方案对我来说都不成功。

import React, { Component } from 'react';
import { withRouter, Redirect } from 'react-router-dom';
import { observable, action } from 'mobx';
import { inject, observer } from 'mobx-react';

@inject('authStore')
@withRouter
@observer
class Login extends Component {

   componentWillUnmount() {
       this.props.authStore.reset();
   }

}

我的错误是

Answer 1

如果您使用 babel，那么您需要在启用模式@babel/plugin-proposal-decorators下安装和使用legacy。

例如，插件部分.babelrc：

    "plugins": [
      ["@babel/plugin-proposal-decorators", { "legacy": true }]
    ]