多个react实例报错解决

问题

开发了一个根据 jsonSchema 渲染表单的库babel-form,在其他项目中使用并调试 babel-form 时出现hooks 报错。排查发现是因为使用了多个 react 版本。

注意:本文场景是一个项目引用了 babel-form,并且 npm link 之后发生的报错。所以下面只是讲开发环境的解决。

解决

  1. babel-form中将reactreact-dom都移到peerDependencies

  2. webpack 配置 alias

    {
    alias: {
    react: path.resolve('./node_modules/react')
    }
    }

参考

  1. react issue