Javascript firefox中未加载聚合web组件内联脚本

在firefox中加载聚合web组件时，我有一个奇怪的行为

问题是，javascript

<content></content> 

未在firefox中加载，但在chrome中按预期工作

我使用聚合物版本1.0

我的元素如下所示：

<link rel="import" href="../../../../bower_components/polymer/polymer.html">

<dom-module id="my-element">

  <style>
     ...style content
  </style>

  <template>
    <svg  ...my svg></svg>

    <content></content>


    <script> --> This script is not loaded in firefox.
       ...script content
    </script>

  </template>
</dom-module>

<script>

  Polymer({
    is: 'my-element'

    ... etc ...

  });

</script>

<dom-module id="my-element">
    <template>
        <svg ...></svg>

        <content></content>

     </template>
     <script>
         HTMLImports.whenReady(function () {
              Polymer({
                  is: 'my-element'
                  // (...)
              });
         });
    </script>
</dom-module>

<my-element></my-element>

…样式内容
-->此脚本未加载到firefox中。
…脚本内容
聚合物({
是：“我的元素”
等
});

---

非常感谢您的帮助。

您可以使用组件的一种生命周期方法（如“attached”）来执行相同的操作，而不是在模板中使用脚本标记

我也遇到了同样的问题，但是重新阅读了我找到的文档

加载Polymer脚本之前，需要等待DOM准备就绪，如下所示：

<link rel="import" href="../../../../bower_components/polymer/polymer.html">

<dom-module id="my-element">

  <style>
     ...style content
  </style>

  <template>
    <svg  ...my svg></svg>

    <content></content>


    <script> --> This script is not loaded in firefox.
       ...script content
    </script>

  </template>
</dom-module>

<script>

  Polymer({
    is: 'my-element'

    ... etc ...

  });

</script>

<dom-module id="my-element">
    <template>
        <svg ...></svg>

        <content></content>

     </template>
     <script>
         HTMLImports.whenReady(function () {
              Polymer({
                  is: 'my-element'
                  // (...)
              });
         });
    </script>
</dom-module>

<my-element></my-element>

HTMLImports.whenReady（函数（）{
聚合物({
是：“我的元素”
// (...)
});
});

Quick check，您正在使用webcomponents polyfill，对吗？是的，我就是这么做的，我不得不用另一种方式重写我的代码，但它现在可以工作了。但这并不能解释为什么会出现这个问题。