自上次将Mobx 3.6更新到Mobx 4以来,我的应用程序才停止工作。我使用react-native而我只是按照说明迁移到最新功能,但我的应用程序只是不断崩溃显示以下错误:
[mobx]有多个mobx实例处于活动状态。这可能会导致意外结果:有关详细信息,请参阅https://github.com/mobxjs/mobx/issues/1082。
Click here to check the error image
我刚创建了一个简单的可观察对象,其代码如下:
import React, { Component } from "react";
import { observable } from "mobx";
const ProductsStore = observable.object(
{
selectedProduct: null,
products: [
{
id: 1,
name: "NVIDIA 1050TI",
desc: "4GB OC",
model: "ASUS",
price: 1050,
quantity: 1
},
{
id: 2,
name: "NVIDIA 1060TI",
desc: "6GB OC",
model: "EVGA",
price: 1050,
quantity: 1
},
{
id: 3,
name: "NVIDIA 1070TI",
desc: "8GB OC",
model: "MSI",
price: 1050,
quantity: 1
},
{
id: 4,
name: "NVIDIA 1080TI",
desc: "11GB OC",
model: "FOUNDERS EDITION",
price: 1050,
quantity: 1
}
]
},
{ selectedProduct: observable, products: observable }
);
export { ProductsStore };
但是,当我尝试导入此文件时,它会使应用程序崩溃,它将显示我之前提到的错误。
import { ProductsStore } from '@store'
我试过没有别名,但它似乎没有用。
答案 0 :(得分:3)
我在与@mweststrate聊天时解决了这个问题,并发现在我的项目中,我使用的是一个依赖旧版mobx的库。
版本> 3.6,只接受一个mobx实例。
库react-native-router-flux
正在使用旧版本,该版本负责导致此问题。
解决方法是将resolutions
属性添加到package.json
文件,并将mobx
和mobx-react
添加到此属性。
"resolutions": {
"mobx": "^4.1.0",
"mobx-react": "^5.0.0"
},
但resolutions
属性仅适用于yarn
,不适用于 npm
。此属性将覆盖旧的引用依赖项。如有其他问题,请阅读文档。