目前未启用实验性语法“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();
   }

}

我的错误是

- Anuruddha Thennakoon

---

这是一个webpack配置问题，在其他几个问题中已经得到了解决。请参考https://dev59.com/7VQK5IYBdhLWcg3wNtPA#52765213以了解如何配置您的.babelrc文件。 - Patrick Fowler

Answer 1

如果您正在使用Babel，则需要安装并使用启用了legacy模式的@babel/plugin-proposal-decorators。

例如，.babelrc的插件部分：

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

- Danila