npm封装使用Redux的React组件报找不到Provider context错误

该报错和此前遇到的React Hooks多实例冲突本质完全一致：组件库打包时将react-redux（含redux核心库）的代码直接内置进了产物，和宿主应用安装的react-redux属于两个完全独立的模块实例。
react-redux的上下文对象存储在自身模块的闭包作用域中，两个独立实例会各自维护互不连通的context：宿主应用用自身安装的react-redux提供的Provider注入store，组件内调用的却是组件库内置的react-redux提供的useSelector/useDispatch读取context，自然无法找到注入的store值，最终抛出该错误。
此前配置仅将react、react-dom标记为外部依赖，遗漏了状态管理相关的同构依赖，是导致问题的直接原因。

1. 补全webpack外部依赖配置 #

修改组件库的webpack.config.js，将react-redux、redux也加入externals声明，确保打包时不会内置这两个包，直接复用宿主环境的同一份依赖实例：

// webpack.config.js externals 配置段
externals: {
    react: {
        root: 'React',
        commonjs2: 'react',
        commonjs: 'react',
        amd: 'react'
    },
    'react-dom': {
        root: 'ReactDOM',
        commonjs2: 'react-dom',
        commonjs: 'react-dom',
        amd: 'react-dom'
    },
    // 新增以下两个依赖的外部声明
    'react-redux': {
        root: 'ReactRedux',
        commonjs2: 'react-redux',
        commonjs: 'react-redux',
        amd: 'react-redux'
    },
    'redux': {
        root: 'Redux',
        commonjs2: 'redux',
        commonjs: 'redux',
        amd: 'redux'
    }
},

2. 调整package.json依赖声明 #

将react、react-dom、react-redux、redux从组件库的dependencies字段迁移至peerDependencies，同时保留在devDependencies中满足本地开发调试需求：

{
  "peerDependencies": {
    "react": ">=16.8.0",
    "react-dom": ">=16.8.0",
    "react-redux": ">=7.0.0",
    "redux": ">=4.0.0"
  }
}

该配置会强制包管理器在安装依赖时，保证宿主环境与组件库使用同一份符合版本要求的依赖，从依赖安装层面规避多实例问题。

3. 清理缓存重新构建验证 #

• 删除组件库目录下的node_modules/.cache缓存目录与build产物目录，重新执行打包命令生成新产物
• 测试应用侧重新link/安装组件包，重启开发服务即可正常运行

多实例问题通用排查技巧：如果修改后仍有同类报错，可以在组件库代码和宿主应用入口分别打印依赖的解析路径，路径不一致即说明仍存在多份实例：

console.log('react-redux 解析路径:', require.resolve('react-redux'))

本地link调试时如果出现该情况，手动删除组件库node_modules下对应的冗余依赖文件夹即可解决。

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