找不到自定义元素

时间:2015-03-19 03:44:55

标签: dart polymer custom-element

我正在尝试创建一个自定义元素,我在结果页面中有几个警告,我已经修复了。最后一个是:
custom element with name "paper-fab-menu" not found. See http://goo.gl/5HPeuP#polymer_11 for details.

我检查了元素的代码,删除了所有脚本以简化操作,这是代码

<link rel="import" href="../../../packages/polymer/polymer.html">
<link rel="import" href="../../../packages/paper_elements/paper_fab.html">

<polymer_element name="paper-fab-menu" noscript>

  <template>
    <paper-fab icon='menu'></paper-fab>
  </template>

  <!--<script type="application/dart" src="paper_fab_menu.dart"></script>-->

</polymer_element>

此代码没有任何警告。

当我导入我的元素时,我的index.html代码中没有警告(有一个关于错误的路径,但它已经解决了),这是我的index.html的导入部分:

<link rel="import" href="packages/core_elements/core_scaffold.html">
<link rel="import" href="packages/core_elements/core_item.html">
<link rel="import" href="packages/core_elements/core_icon.html">
<link rel="import" href="packages/core_elements/core_submenu.html">
<link rel="import" href="packages/paper_elements/paper_input.html">
<link rel="import" href="../lib/custom_paper_elements/paper_fab_menu.html">

<!--<script async type="application/dart" src="index.dart"></script>-->
<script type="application/dart">export 'package:polymer/init.dart';</script>
<script async src="packages/browser/dart.js"></script>

dart编辑器仍将<paper-fab-menu>标记为警告。 Polymer的错误表明此错误指向导入错误,但所有导入都已正确解决,我看不到问题!

Windows 8.1 Dart编辑器1.8.5 Dart SDK 1.8.5

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

<polymer_element ...应为<polymer-element ...(短划线而不是下划线)

您不应使用../跳到顶级目录之外。仅从lib或当前顶级目录中导入。 要从lib导入,请使用<link rel="import" href="packages/yourpackagename/custom_paper_elements/paper_fab_menu.html">

有关详细信息,请参阅: https://www.dartlang.org/polymer/app-directories.html 这看起来有点复杂,但通常你会得到很好的警告,提示输入路径应该是什么样的。