在具有自己的ReactJs依赖关系的大项目中使用小项目

Question

我有一个小型聊天项目，我想将其主UI导入大型网站项目中的页面。 这个小项目有单独的package.json和它自己的依赖项。 大项目和小项目中的某些依赖项有冲突，例如babel版本。

当我尝试使用React Router将主要UI组件加载到大型网站项目的页面中时。例如，我收到一个错误消息，说小型聊天项目的babel版本已加载了早期版本的babel（这是用于大型项目的版本）：

import { Route, Switch } from 'react-router-dom'
import Chat from './../ChatFrontEnd/src/index.js'


class MainRouter extends Component {


  render() {

    return (<div>
      <Menu />
      <Switch>
  ....
        <Route path="/chat" component={Chat} />
  ....
      </Switch>
    </div>)
  }
}

export default MainRouter

我收到此错误：

  在./ChatFrontEnd/src/index.js中的

      模块构建失败：错误：需要Babel“ ^ 7.0.0-0”，但已加载“ 6.26.2”。

如何将小型聊天项目与自己的依赖项一起使用？有可能吗？

在大项目中使用小项目的方法是什么？