500 interner Server Fehler mit Mobx

Question

Immer wenn ich versuche, Beobachter von mobx-react zu importieren, stürzt die App mit einem 500 Fehlercode ab. Habe ich Mobx falsch installiert/konfiguriert?

1- npm i mobx mobx-react --save

2- npm i babel-plugin-transform-decorators-legacy babel-preset-react-native-stage-0 --save-dev

3- Im Inneren des .babelrc Stammordner:

`{'presets': ['react-native'],'plugins': ['transform-decorators-legacy']}` 

4- Package.json:

"dependencies": { 
    "react": "^15.4.2", 
    "react-native": "^0.40.0", 
    "mobx": "^3.0.2", 
    "mobx-react": "^4.1.0" 
} 

Store. js:

import { observable, computed } from 'mobx' 

class GetFoo { 
    @observable Foo = "bar" 

    root() { 
     return this.Foo 
    } 
} 

let store = new GetFoo() 

export default store 

App-Komponente:

import React, { Component } from 'react' 
import { 
    Text, 
    View 
} from 'react-native' 
import NetProvider from './config/netInfo' 
import { observer } from 'mobx-react' 

@observer 
export default class AppRoot extends Component { 
    constructor(props) { 
     super(props); 
    } 

    render() { 
     console.log(this.props) 
     return(
      <NetProvider> 
       <View> 
        <Text>Hi</Text> 
       </View> 
      </NetProvider> 
     ) 
    } 
} 

Answer 1

Sie müssen mobx-react/native verwenden für Native Reagieren:

import { observer } from 'mobx-react/native'