Блог

Я работаю над проектом микро-интерфейса, основанным на React js, Redux-Saga и Федерации модулей Webpack 5. Существует проект «ui-платформа» в качестве хоста и «image-ui» в качестве удаленного приложения.

изображение-пользовательский интерфейс gt; RemoteWrapper.js

 import React from 'react';  import rootReducer from './redux/rootReducers'; import rootSaga from './redux/rootSaga';  const ImagePage = React.lazy(() =gt; import('./pages'));  export const SCOPE = 'IMAGE';  const RemoteWrapper = (props) =gt; {  const { store } = props;   store.injectModule(SCOPE, rootReducer, rootSaga);   return lt;ImagePage /gt;; }; export default RemoteWrapper;  

Я получаю следующую ошибку:

В то время как в проекте ui-платформы есть тег поставщика, как вы можете видеть в ошибке. Если я оберну страницу изображений в Provider, ошибка будет исправлена, но она должна хорошо работать без тега provider в image-remote.

Не могли бы вы, пожалуйста, поделиться со мной своим опытом?