500内部服务器错误与Mobx
问题描述:
每当我试图从mobx-react
导入观察者的应用程序崩溃与一个500错误代码。 我安装/配置了mobx错误吗?500内部服务器错误与Mobx
1- npm i mobx mobx-react --save
2- npm i babel-plugin-transform-decorators-legacy babel-preset-react-native-stage-0 --save-dev
3-里面的根文件夹的.babelrc:
`{'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"
}
存储。 js:
import { observable, computed } from 'mobx'
class GetFoo {
@observable Foo = "bar"
root() {
return this.Foo
}
}
let store = new GetFoo()
export default store
应用组件:
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>
)
}
}
答
您需要使用mobx-react/native
的阵营原生:
import { observer } from 'mobx-react/native'
是否显示任何错误消息? – dvnguyen