无法在已托管影子树的主机上创建影子根

Question

我正在 Shadow DOM 中渲染一个 React 应用程序（Widget）。所以我查看了当前加载小部件的 div id。

请参阅下面的屏幕显示。

有了这些信息，我想创建这样的 Shadow 主机。

const host = document.querySelector('#widget-_hw');
const shadow = host.attachShadow({ mode: 'open' });
const renderIn = document.createElement('div');

但我收到这个错误。

Failed to execute 'attachShadow' on 'Element': Shadow root cannot be created on a host which already hosts a shadow tree