javascript - 导入 redux store 未定义(加载顺序问题？)

Question

更新 2 - 添加显示问题的最小“工作”示例

我尽可能地缩减了项目，同时仍然显示问题，让人们在感兴趣的情况下尝试想法/调试 github:store_import_test

错误发生在:request.js

注意:我知道赏金即将到期，但如果发生这种情况，我会重新启用它。我非常感谢到目前为止提出的所有想法/帮助!

结束更新2

更新 1 - 目的说明:

我想在“效用函数”中访问存储中的一个值(可以随时间改变)。根据redux docs subscribe 是一个有效的选项。

结束更新

我正在尝试在组件外部导入我的 redux-store(在 request.js 中，见下文)类似于:What is the best way to access redux store outside a react component?

但是，所有这些解决方案(包括 https://github.com/reactjs/redux/issues/776)都不起作用，因为我的 request.js 尝试在 createStore() 被调用之前导入商店 store.js 导致 store 为 undefined。

我的目录结构是这样的

 .  
 ├── app  
 │   ├── api  
 │   ├── network 
 │   |    └── request.js 
 │   ├── app.js  
 │   ├── store.js  
 ├── index.android.js  
 ├── index.ios.js

index.android/ios.js 是入口点，只需加载 app.js

index.android/ios.js

从'./app/app'导入应用

app.js

import store from './store'
class App extends React.Component {
    render() {
        return (
            <Provider store={store}>
                    <RootStackNavigation />
            </Provider>
        )
    }
} 

store.js

...
const store = createStore(reducer, initialState, middleware())
export default store

request.js

import store from '../../store'
store.subscribe(listener)
...
const someFunc(){}
export default someFunc

我的想法/我尝试过的/我迷路的地方

注意:request.js中的store导入路径是有效的，仔细检查注 2:store 可用于 app.js 和程序的其余部分

我认为 request.js 中的 import store from '../../store' 会触发 const store = createStore(reducer , initialState, middleware()) 行，但显然它确实如此。

尝试 1

我也尝试过这样导出商店:

export const store = createStore(reducer, initialState, middleware())

并将其导入 request.js 中:

从'../../store导入{store}

认为“聪明”的默认加载可能会产生一些我不知道/不理解的魔力。同样的错误，未定义

尝试 2 将 getStore() 添加到 store.js

let store = null
store = createStore(reducer, initialState, middleware())
export function getStore() {
    if (store == null) {
        store = createStore(reducer, initialState, middleware())
    }
    return store
}

export default store

不起作用，createStore 的参数尚未初始化。

我一定是误解了加载过程或将其与 python 的加载过程混淆了，但是是什么阻止了它的工作？其他人似乎成功地使用了相同的解决方案(参见上述帖子)。

Answer 1

发现问题。我是对的——这是一个循环。在 store.js 中，您需要 reducers/index.js 然后是 navigation.js 然后是 ../navigators/RootNavigationConfiguration需要 Home.js 需要 /api/network 需要 request.js 需要 store 位于这个点没有初始化。在导出之前，尝试将 store.subscribe(listener) 与 listener 函数一起移动到 store.js。不要忘记从 request.js

中删除 import store.js