装饰器不适用于自定义反应脚本

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 |从“mobx-react”导入{observer}；

4 |

5 | @观察者 | ^
6 |聊天室类扩展组件 { 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

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

我在另一台计算机上尝试了我的代码，它可以工作。