创建自定义元素似乎在YouTube上不起作用，但在Vimeo网站上起作用

Question

我一直在进行chrome扩展，也正在学习有关自定义元素的信息。因此，我制作了一个使用“自定义元素”的脚本，并将其注入到Chrome上的YouTube网站中，当我尝试创建自定义元素时会抛出此错误：

但是由于某种原因，我的代码可以在任何Vimeo视频上正常运行。

因此，我进行了实验，发现您可以复制一些有趣的东西。

1）打开Chrome或FireFox

2）转到一些Youtube视频（像这样的视频）https://www.youtube.com/watch?v=gQPUnk12nTM

3）打开控制台

4）粘贴此代码：

class TestElement extends HTMLElement
{
    constructor()
    {
        super();
    }
};
window.customElements.define("test-element", TestElement);
var testElement = document.createElement("test-element");

我有完全相同的错误。

5）现在，转到其他站点（https://vimeo.com/386352766）并重复这些步骤。

我在粘贴该代码时没有收到错误。为什么？为什么在YouTube上出现错误，但在Vimeo上却没有？]]

我一直在进行chrome扩展，也正在学习有关自定义元素的信息。因此，我制作了一个使用“自定义元素”的脚本，并将其注入到Chrome上的YouTube网站中，并且...

Answer 1

我在chrome扩展程序中解决了此问题，方法是将babel-loader添加到我的webpack配置中，因此我的扩展程序现在可以在YouTube上正常工作。