javascript - mobx-react-boilerplate @ 意外 token

Question

我想开始新的 React 项目。我决定使用 Mobx。我发现了似乎非常适合作为开始的样板文件。我取了https://github.com/mobxjs/mobx-react-boilerplate我遇到了一个问题。当我执行 npm start 时发生:

Module build failed: SyntaxError: Unexpected token (4:2)

  2 | 
  3 | export default class TodoModel {
> 4 |   @observable title;
    |   ^
  5 |   @observable finished = false;
  6 | 
  7 |   constructor(title) {

我怎样才能摆脱这个问题？我认为此样板中的设置可以让我使用 @observable。

更新

我已经重新安装了样板文件，但现在我遇到了另一个问题。

Module build failed: SyntaxError: Unexpected token (12:2)

  10 | 
  11 | render(
> 12 |   <div>
     |   ^
  13 |     <DevTools />
  14 |     <TodoList store={store} />
  15 |   </div>,

Answer 1

首先在你的项目中安装它:

https://github.com/timarney/react-app-rewired/tree/master/packages/react-app-rewire-mobx

并更改你的 package.json

"start": "react-app-rewired start",
"build": "react-app-rewired build"