Javascript 无法读取polymer 2.0中eventlistner的属性

当组件在dom中就绪时，webcomponent-loader.js无法分派事件document.dispatchEvent（新的CustomEvent（'WebComponentsReady'，{bubbles:true}）） 我正在尝试创建所见即所得组件，它不允许在dom就绪时加载组件。由于addEventListner，它停止服务于整个聚合物应用

错误：：未捕获的TypeError:无法读取null的属性“addEventListener”

<dom-module id="custom-keybar">
     <template>
     <wysiwyg-e style="width: 100vw; height: 100vh;" id="wysiwygE">
        <wysiwyg-tool-bold></wysiwyg-tool-bold>
        <wysiwyg-tool-italic></wysiwyg-tool-italic>
        <wysiwyg-tool-underline></wysiwyg-tool-underline>
        <wysiwyg-tool-strike></wysiwyg-tool-strike>
        <wysiwyg-tool-color></wysiwyg-tool-color>
        <wysiwyg-tool-clear></wysiwyg-tool-clear>
        <wysiwyg-tool-code></wysiwyg-tool-code>
        <wysiwyg-tool-link></wysiwyg-tool-link>
        <wysiwyg-tool-image></wysiwyg-tool-image>
        <wysiwyg-tool-audio></wysiwyg-tool-audio>
        <wysiwyg-tool-video></wysiwyg-tool-video>
        <wysiwyg-tool-ordered></wysiwyg-tool-ordered>
        <wysiwyg-tool-unordered></wysiwyg-tool-unordered>
        <wysiwyg-tool-indent></wysiwyg-tool-indent>
        <wysiwyg-tool-outdent></wysiwyg-tool-outdent>
        <wysiwyg-tool-justify right center full></wysiwyg-tool-justify>
        <wysiwyg-tool-heading h1 h2 h3 h4 h5 h6></wysiwyg-tool-heading>
        <wysiwyg-tool-blockquote></wysiwyg-tool-blockquote>
    </wysiwyg-e>
    <iron-ajax url="../README.md" handle-as="text" id="ajax"></iron-ajax>
     </template>

     <script>
     window.addEventListener(
             'WebComponentsReady',
               function () {
                var ironAjax = document.querySelector('iron-ajax'), wysiwygE 
       = document.querySelector('wysiwyg-e');

                ironAjax.addEventListener(
                    'response',
                    function () {
                        var value = marked(this.lastResponse);
                        wysiwygE.value = value.replace(new 
         RegExp('https://miztroh.github.io/bower_components/wysiwyg-e/', 
                 'g'), '../');
                    }
                );

                ironAjax.generateRequest();
            // };
        // );
         </script>
       </dom-module>

window.addEventListener(
“WebComponentsReady”，
函数（）{
var ironAjax=document.querySelector（'iron-ajax'），所见即所得
=document.querySelector（'wysiwyg-e'）；
ironAjax.addEventListener(
"回应",，
函数（）{
var值=已标记（此.lastResponse）；
wysiwygE.value=value.replace（新
RegExp（'https://miztroh.github.io/bower_components/wysiwyg-e/', 
"g","../";；
}
);
ironAjax.generateRequest（）；
// };
// );

你能尝试更多的聚合物，重写你的

和

标签吗？e、 g

<iron-ajax url="../README.md" handle-as="text"
    auto on-response="handleResponse"></iron-ajax>

<script>
    class KeyBar extends Polymer.Element {
        handleResponse(event, request) {
            var value = marked(event.detail.response);
            // ...
        }
    }
    customElements.define('custom-keybar', KeyBar);
</script>

类键栏扩展了Polymer.Element{
HandlerResponse（事件、请求）{
var值=已标记（事件.细节.响应）；
// ...
}
}
自定义元素。定义（'custom-keybar'，keybar）；

你能尝试更多的聚合物，重写你的

和

标签吗？e、 g

<iron-ajax url="../README.md" handle-as="text"
    auto on-response="handleResponse"></iron-ajax>

<script>
    class KeyBar extends Polymer.Element {
        handleResponse(event, request) {
            var value = marked(event.detail.response);
            // ...
        }
    }
    customElements.define('custom-keybar', KeyBar);
</script>

类键栏扩展了Polymer.Element{
HandlerResponse（事件、请求）{
var值=已标记（事件.细节.响应）；
// ...
}
}
自定义元素。定义（'custom-keybar'，keybar）；