mobx-react-boilerplate @ 意外令牌

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"

mobx-react-boilerplate @ 意外令牌

mobx-react-boilerplate @ unexpected token

javascript

reactjs

mobx