开发外部组件时如何避免“加载两份React"错误?

我正在开发一个外部组件(比方说 my-component，我使用 npm link 链接到项目(因为它正在处理中，我需要包以反映变化).

I am developing an external component (let's say my-component, which I link to the project with npm link (as it is in process and I need the package to reflect changes).

在 my-component 文件夹中有 node_modules/react 和 node_modules/react-dom 因为它们是它的依赖项.但是它们是 peerDependences，所以我不认为将它们带入链接这个包的项目中.

In the my-component folder there are node_modules/react and node_modules/react-dom as they are its dependencies. However they are peerDependences, so I did not suppose to bring them into the project linking this package.

然而，当使用 npm link 时，它会链接整个目录，包括 node_modules.因此，当项目构建时，它包含 2 次包:来自 node_modules/* 和来自 node_modules/my-component/node_modules/*.

However when using npm link, it link the whole directory, including node_modules. So, when the project builds, it includes packages 2 times: from node_modules/* and from node_modules/my-component/node_modules/*.

当组件使用ReactDOM.findDOMNode时，这开始影响，导致这个错误:

This begins to affect when the component is using ReactDOM.findDOMNode, it causes this error:

Warning: React can't find the root component node for data-reactid value `.0.2.0`. If you're seeing this message, it probably means that you've loaded two copies of React on the page. At this time, only a single copy of React can be loaded at a time.

另外，这可能有助于理解发生了什么:只有同时存在 node_modules/my-component/node_modules/react 和 node_modules/my-component/node_modules/react 时才会出现问题-dom.如果只有其中之一，则没有错误消息.

Also, it may help to understand what's happening: the problem only appears if there are both node_modules/my-component/node_modules/react and node_modules/my-component/node_modules/react-dom. If there is only one of them, there is no error message.

通常的包安装不会带来这样的错误，因为那里没有node_modules/react-dom.

The usual package installation does not bring such error as there is no node_modules/react-dom there.

如何同时开发外部组件和项目?

How is it supposed to develop an external component and the project at the same time?