1. 结论: 在依赖包和主包的node-modules中,同时install包含react , react-dom 或者react-redux时,跑测试或者启动的时候,显示如下error。当然出现这个错误的原因还有以下可能:
2. 为什么会同时引入多个react,react-dom 引发冲突呢?
1. 删除了package-lock.json文件,导致下载包的顺序和npm仓库地址不确定。
2. 删除了主项目的nodel-modules,或者去拉一个新的项目时,没有存在历史了的react 版本,使这个问题暴露出来。
3. 依赖项目里没有使用 peerDependencies(peerDependencies会提升依赖包的依赖到主项目的依赖中,避免冲突和重复)。
4. 在下载包的时候,如果没有下载 react 先下载了依赖包,依赖包就会根据自己pack.json里的dependencies去下载react,这个react只给自己使用。
5. 由于主项目也需要react,所以就同时install两个react依赖, 依赖包优先使用自己node-modals里的依赖,主包使用自己node-modals里的依赖,运行时或者测试时,产生冲突。
3. 解决办法:
1. 添加 package-lock.json
2. 使用 peerDependencies在子项目中, 将主项目会复用到的react react-dom等,都放到peerDependencies中,避免冲突。
3.如果只是在本地跑的话,可以使用 'npm link main/nodal-modals url' 关联到主分支,进行调试,再使用 ‘npm unlink main/nodal-modals url’ 解除关联。
4. 拓展其它
1. npm3开始,采用扁平化依赖的方式,来解决依赖包嵌套太深或者不同包引入react冲突的问题,将所有的依赖都放到node-modules里,但是会存在依赖包结果不稳定,存在非法访问等问题。
2. 使用 pnpm 依赖管理(将包本身和依赖放在同一个node-modules里,依赖地址采用相对地址的方式),解决依赖提升问题,优化性能。
3. 使用 dependency-check 解决npm/yarn依赖提升问题。
原文地址:https://www.cnblogs.com/canll/p/15254392.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。