使用redux-persist是否必须搭配react-redux？无Provider报错疑问

你的错误根源其实有两个部分，先直接回应你的猜测：当前的错误和未使用Provider无关，但你后续的代码写法需要注意一些细节，下面详细说明：

直接导致错误的原因：导入方式错误 #

看你的configureStore.js，最后是用默认导出了一个包含store和persistor的对象：

export default { store, persistor };

但在App.js里，你用的是命名导入的方式获取persistor：

import { persistor } from './src/configureStore';

这种写法会导致persistor变量是undefined——因为默认导出的内容不能通过命名解构的方式获取。当PersistGate接收到undefined的persistor属性时，内部调用this.props.persistor.subscribe就会抛出你看到的类型错误。

修复方法（二选一） #

1. 修改configureStore.js为命名导出：
   将最后的导出语句改成：

   export { store, persistor };
   

   这样App.js里的原有导入代码就能正常工作。

2. 修改App.js的导入方式：
   改为导入默认导出的对象，再从中解构persistor：

   import storeConfig from './src/configureStore';
   
   // 然后在render里使用
   <PersistGate loading={null} persistor={storeConfig.persistor}>
   

关于react-redux和Provider的补充 #

你提到因为应用规模小，选择直接导入单例store而不用react-redux，这个思路完全没问题——对于小型应用来说，直接使用单例store确实可以避免额外的依赖和复杂度，不需要强制引入Provider。

不过需要注意：如果后续你需要在组件中使用redux-persist提供的React钩子（比如usePersistor），或者想要用react-redux的useSelector/useDispatch来更便捷地访问store，那时候才需要用Provider把store注入到组件树中。但就当前的代码场景来说，完全不需要。

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