Javascript 使用自定义元素时Firefox中的递归太多
我正在尝试创建新的自定义元素 我有一个非常简单的html索引文件：Javascript 使用自定义元素时Firefox中的递归太多,javascript,html,firefox,web-component,custom-element,Javascript,Html,Firefox,Web Component,Custom Element,我正在尝试创建新的自定义元素 我有一个非常简单的html索引文件： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="dist/webcomponents-lite.js"></script> </head> <body> <h1>W
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="dist/webcomponents-lite.js"></script>
</head>
<body>
<h1>WebComponents</h1>
<hello-world></hello-world>
<script src="src/components/hello-world.js"></script>
</body>
</html>
我可以通过在firefox配置中启用dom.webcomponents.customelements.enabled和dom.webcomponents.enabled并删除polyfill来显示自定义元素，但这显然不是生产中需要的 好吧，看来我又少了一个填充胶 如果我也进口
<script type="text/javascript" src="bower_components/custom-elements/custom-elements.min.js"></script>
这很奇怪，因为我认为自定义元素是web组件polyfill本身的一个子部分…好吧，看起来我缺少了另一个polyfill 如果我也进口
<script type="text/javascript" src="bower_components/custom-elements/custom-elements.min.js"></script>
这很奇怪，因为我认为自定义元素是web组件polyfill本身的一个子部分…错误是因为您在其构造函数中修改了自定义元素的内部HTML内容，这是意外的，因此不应该执行 相反，您应该在之后执行此操作，例如在connectedCallback方法中 或者，如果要在构造函数中定义内容，则应将其插入到阴影DOM中
注意：webcomponents lite.js中有效地包含了自定义元素polyfill。该错误是由于您在其构造函数中修改了自定义元素的内部HTML内容，这是意外的，因此不应执行 相反，您应该在之后执行此操作，例如在connectedCallback方法中 或者，如果要在构造函数中定义内容，则应将其插入到阴影DOM中
注意：webcomponents lite.js中有效地包含了自定义元素polyfill。我还看到其他网站，如Firefox中的work fine，因此上面的HTML肯定有问题。我还看到其他网站，如Firefox中的work fine，因此上面的HTML肯定有问题。谢谢回答。我想知道影子dom是否能帮上忙。如果我手动导入自定义元素polyfill，你知道为什么代码工作正常吗？@jlengrand可能是因为它是polyfill的另一部分，使脚本失败阴影DOM polyfill部分我想谢谢你的回答。我想知道影子dom是否能帮上忙。你知道如果我手动导入自定义元素polyfill，为什么代码工作得很好吗？@jlengrand可能是因为它是polyfill的另一部分。我认为，这会使脚本失败阴影DOM polyfill部分
<script type="text/javascript" src="bower_components/custom-elements/custom-elements.min.js"></script>