React Native使用Mobx遇Hermes错误：无法读取undefined的fetchLoginResponse

可能原因及解决步骤 #

1. 导入路径或方式错误 #

确保在调用handleLoginPress的文件中，正确导入了loginstore，路径要和store文件的实际位置完全匹配：

// 替换为你的store文件实际路径
import loginstore from './stores/LoginStore';

注意：区分大小写的系统中，文件名大小写必须完全一致（比如LoginStore.js和loginstore.js是不同文件）。

2. Store导出写法不规范 #

你的store导出时未用const声明变量，可能引发作用域问题，建议修正为：

import { makeObservable, observable, action } from "mobx";

class LoginStore {
    count = 0;
    constructor(){
        makeObservable(this,{
                fetchLoginResponse: action,
                count: observable,
        });
    }
    fetchLoginResponse() {
        this.count = this.count + 1;
    }
}

// 用const声明后再导出，避免全局变量污染
const loginstore = new LoginStore();
export default loginstore;

3. 依赖未正确安装 #

确认已安装Mobx核心依赖：

# npm
npm install mobx mobx-react-lite
# 或 yarn
yarn add mobx mobx-react-lite

如果是类组件开发，需安装mobx-react替代mobx-react-lite。

4. 拼写错误检查 #

仔细核对变量名、方法名拼写：比如是否将loginstore误写为LoginStore，或者fetchLoginResponse出现拼写错误。

内容的提问来源于stack exchange，提问作者Chinmay Moharana