reactjs - 当前未启用对实验性语法 '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 }]
    ]