试图使用自定义元素,"你试图使用聚合物而不首先加载它",它肯定是导入的

Question

我一直在尝试将自定义元素用于我想要使用的纸张对话框弹出窗口.如果我在文件中设置一个测试页面,定义了自定义元素,使用与索引相同的导入,它就可以工作.如果我将自定义元素导入任何其他页面,它将不再有效.即使我将测试文件加载到另一页上的div中,它也会给我错误Uncaught Error: You tried to use polymer without loading it first. To load polymer, <link rel="import" href="components/polymer/polymer.html">

我肯定polymer.html在我的自定义元素文件中导入.即使我使用自定义元素并在我的索引中定义它,与外部测试完全相同的代码,它也会返回此错误.我不明白为什么,我进行了广泛的搜索.有谁知道为什么？

这是我的自定义元素的代码:

    <polymer-element name="share-dialog" attributes="pageid, post">
<template>
    <paper-dialog backdrop autoCloseDisabled id="overlay" transition="paper-dialog-transition-bottom" heading="Share">
        Long-press, highlight and copy: <br>
        <center><paper-input id='share_box'type='text' name='share' value='xxxxx/index.php?page=news&id={{pageid}}&post={{post}}'></paper-input></center><br>
        <center>
            <paper-button core-overlay-toggle raised>Close</paper-button>
        </center>
    </paper-dialog>
</template>
<script>

Polymer('share-dialog', {
    toggle: function() {
        this.$.overlay.toggle();
    }
});

</script>
</polymer-element>

显然我在输入框中使用了一个实际的URL,只是为了隐私起见,我已经编辑过了.

这些是我的进口:

    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/polymer/polymer.js">

<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import" href="bower_components/core-icons/core-icons.html">
<link rel="import" href="bower_components/core-icons/social-icons.html">
<link rel="import" href="bower_components/paper-spinner/paper-spinner.html">
<link rel="import" href="bower_components/core-toolbar/core-toolbar.html">
<link rel="import" href="bower_components/core-animated-pages/core-animated-pages.html">
<link rel="import" href="bower_components/core-animated-pages/transitions/slide-from-right.html">
<link rel="import" href="bower_components/core-menu/core-menu.html">
<link rel="import" href="bower_components/core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="bower_components/core-header-panel/core-header-panel.html">
<link rel="import" href="bower_components/core-item/core-item.html">
<link rel="import" href="bower_components/core-style/core-style.html">
<link rel="import" href="bower_components/font-roboto/roboto.html">
<link rel="import" href="bower_components/paper-button/paper-button.html">
<link rel="import" href="bower_components/paper-checkbox/paper-checkbox.html">
<link rel="import" href="bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="bower_components/paper-fab/paper-fab.html">
<link rel="import" href="bower_components/paper-tabs/paper-tabs.html">
<link rel="import" href="bower_components/paper-toast/paper-toast.html">
<link rel="import" href="bower_components/paper-progress/paper-progress.html">
<link rel="import" href="bower_components/core-transition/core-transition.html">
<link rel="import" href="bower_components/paper-dialog/paper-dialog.html">
<link rel="import" href="bower_components/paper-dialog/paper-dialog-transition.html">
<link rel="import" href="bower_components/paper-dialog/paper-dialog-base.html">
<link rel="import" href="bower_components/paper-elements/paper-elements.html">
<link rel="import" href="bower_components/core-overlay/core-overlay.html">

在我尝试呼叫之前不会抛出任何错误 <share-dialog></share dialog>

Answer 1

你包括polymer.js和polymer.html.你应该只包括polymer.html.