AG GRID CSS (данные-AG-Global-CSS) удалены на ящике, закрытый в пульте федерации модулей, но не в хостеCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 AG GRID CSS (данные-AG-Global-CSS) удалены на ящике, закрытый в пульте федерации модулей, но не в хосте

Сообщение Anonymous »

Я работаю с федерацией модулей webpack и React , и я сталкиваюсь с проблемой, в которой CSS Grid удаляется из DOM, когда его компонент (внутри Ant Design Bersion ). />
  • React (app Router) < /li>
    Webpack 5 + Federation < /li>
    Дизайн муравья (компонент ящика) < /li>
    ag grid (сообщество) < /li>
    remote Компоненты загружаются с помощью динамического (() => < /li>
    Remote Component Import ("remoteApp /component")) < /code> < /li>
    < /ul>

    🧩 Сводка настройки: < /h3>
    ✅ rourt 1: /all-resources < /code> (работает нормально) < /h4>

    Код: Выделить всё

    Host App (/all-resources)
    └── Remote App A (component inside uses AG Grid)
    └── Remote App B
    └── Ant Design Drawer
    └── Remote App C (component inside uses AG Grid)
    < /code>
    
     Открывает ящик: рендеры Grid с правильными стилями. < /li>
     Ящик закрывает и повторно открывает: Ag Styles styles.Host App (/sms)
    └── Remote App A (component inside uses AG Grid)
    └── Ant Design Drawer
    └── Remote App C (component inside uses AG Grid)
    
    Открывает ящик: Ag Grid рендеры. /> < /ul>

    🧪 Что я наблюдал: < /h3>
    Grid Динамически вводит стили в < /code> Когда экземпляр последнего сетки Ag incondated , ag grid удаляет все его стили из Dom.
    Это проблематично, когда:

    Компонент живет внутри заглуша Сетка является единственным экземпляром Ag Grid во всем приложении в этот момент. В некоторых маршрутах, но убрать в других? if:

    The component using the grid unmounts
  • The grid comes from a Module Federation remote
  • The parent (e.g., AntD Drawer) controls mount/unmount lifecycle
✅ Things I’ve Tried:
  • ✅ destroyOnClose={false} on Drawer: Prevents unmounting, keeps styles, but wastes memory
  • ❌ Using singleton: true in Module Federation shared config for AG Grid packages, /sms page doesn't even load ag-grid css at all
  • ❌ Keeping a hidden grid offscreen just to retain styles (feels very hacky)
  • ❌ Re-adding styles manually after unmount (difficult to sync with AG Grid’s internal logic)
🧠 My Угадайте:
ag grid использует некоторую внутреннюю подсчет справочника в стиле или управление синглтоном. Singleton < /code> строго соблюдается. < /p>

📌 Идеальное решение: < /h3>
Способ к: < /p>

Границы < /li>
< /ul>

может кто -нибудь мне помочь ... < /p>

Подробнее здесь: https://stackoverflow.com/questions/796 ... eration-re
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»