装饰者不使用自定义反应脚本

Question

我读过这篇文章： https://medium.com/@kitze/configure-create-react-app-without-ejecting-d8450e96196a

遵循其指示，这是我的代码： https://github.com/franva/custom-react-scripts

我想在没有弹出的情况下使用装饰器功能进行mobx集成，但它甚至不起作用REACT_APP_DECORATORS = true;

以下是错误消息：

  

./ src / components / ChatRoom.jsx语法错误：   F：/temp/Playground/my-app/src/components/ChatRoom.jsx：意外   令牌（5：0）

     

3 |导入{观察者}来自＆＃39; mobx-react＆＃39;;

     

4 |

     

    

5 | @Observer         | ^
      6 | class ChatRoom extends Component {       7 |       8 | @observable

  

请帮忙。

Answer 1

@decorator是ES7语法，您需要使用transform-decorators插件与babel进行转换：

https://babeljs.io/docs/plugins/transform-decorators/

编辑：我刚看到你想要在没有弹出的情况下使用它，也许你也必须转向REACT_APP_BABEL_STAGE_0=true。

Answer 2

问题出在我当地的计算机环境中。

我在另一台计算机上尝试了我的代码，但它确实有效。