找不到自定义元素
Custom element not found
我正在尝试创建一个自定义元素,结果页面中有几个警告我已修复。最后一个是:
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的报错说这个错误指向了一个不正确的import,但是所有的import都正确解决了,我看不出问题!
Windows 8.1
Dart 编辑器 1.8.5
Dart SDK 1.8.5
感谢您的帮助
<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
这看起来有点复杂,但通常您会收到很好的警告,提示导入路径应该是什么样子。
我正在尝试创建一个自定义元素,结果页面中有几个警告我已修复。最后一个是:
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的报错说这个错误指向了一个不正确的import,但是所有的import都正确解决了,我看不出问题!
Windows 8.1 Dart 编辑器 1.8.5 Dart SDK 1.8.5
感谢您的帮助
<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 这看起来有点复杂,但通常您会收到很好的警告,提示导入路径应该是什么样子。