我正在尝试使用Chrome扩展程序将一些代码注入网站。该网站是一个React App，并且有我定位的特定div。
在内容脚本中，我做了一个简单的检查，然后将内容注入页面上。我已经在服务器渲染的页面上成功尝试过，但是我无法在React App上运行它。
const viewport = document.querySelector('.extension-button');
const app = document.createElement('div');
app.id = 'inject';
viewport.insertAdjacentElement('beforeend', app);
我的扩展程序中的代码如上所述。如果我从头开始注销文档，则可以看到完整的html代码，包括带有“ extension-button”类的div。
我遇到的问题是视口为空。 如果我在网站的控制台中输入上面的代码，则会注销div。
有人知道发生了什么事吗？