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

Question

当我使用mobx-react并尝试使用批注时出现上述错误。这里我使用的是.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();
   }

}

我的错误是 Collatz Conjecture

Answer 1

如果您正在使用babel，则需要在启用@babel/plugin-proposal-decorators模式的情况下安装和使用legacy。

例如.babelrc的“插件”部分：

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