文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >无法使用Polymer.Dart找到资产

问无法使用Polymer.Dart找到资产
EN

Stack Overflow用户
提问于 2014-08-03 04:17:07
回答 2查看 775关注 0票数 2

我单独学习了Dart和聚合物的入门教程，现在试着玩聚合物-Dart。所有示例都使用自定义元素，但没有一个使用核心元素，因此出现了混乱。

编辑：我根据注释中的建议编辑了代码并添加了更多细节。

以下是控制台输出：

代码语言：javascript
复制
[web] GET /packages/core_elements/core-header-panel/core-header-panel.html => Could not find asset core_elements|lib/core-header-panel/core-header-panel.html.
[web] GET /packages/core_elements/core-toolbar/core-toolbar.html => Could not find asset core_elements|lib/core-toolbar/core-toolbar.html.
[web] GET /packages/paper_elements/paper-tabs/paper-tabs.html => Could not find asset paper_elements|lib/paper-tabs/paper-tabs.html.

工具输出：

代码语言：javascript
复制
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:12:5: couldn't find imported asset "lib/core-header-panel/core-header-panel.html" in package "core_elements".
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:13:5: couldn't find imported asset "lib/core-toolbar/core-toolbar.html" in package "core_elements".
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:14:5: couldn't find imported asset "lib/paper-tabs/paper-tabs.html" in package "paper_elements".
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:26:6: definition for Polymer element with tag name "paper-input" not found.
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:29:4: definition for Polymer element with tag name "core-header-panel" not found.
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:31:5: definition for Polymer element with tag name "core-toolbar" not found.
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:34:5: definition for Polymer element with tag name "paper-tabs" not found.
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:35:7: definition for Polymer element with tag name "paper-tab" not found.
[Warning from polymer (Linter) on mini|web/mini.html]:
web/mini.html:36:7: definition for Polymer element with tag name "paper-tab" not found.
Build error:
Transform ImportInliner on mini|web/mini.html threw error: Could not find asset core_elements|lib/core-header-panel/core-header-panel.html.
null
null
Build completed with 1 errors.

pubsec.yaml

代码语言：javascript
复制
name: mini
description: A sample web application
dependencies:
    polymer: ">=0.11.0 <0.12.0"
    core_elements: ">=0.0.6 <0.1.0"
    paper_elements: ">=0.0.1 <0.1.0"
transformers:
- polymer:
    entry_points: web/mini.html

mini.dart：

代码语言：javascript
复制
import 'dart:html';

void main() {

}

void reverseText(MouseEvent event) {
  var text = querySelector("#sample_text_id").text;
  var buffer = new StringBuffer();
  for (int i = text.length - 1; i >= 0; i--) {
    buffer.write(text[i]);
  }
  querySelector("#sample_text_id").text = buffer.toString();
}

mini.html：

代码语言：javascript
复制
    <!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mini</title>

    <script src="packages/web_components/dart_support.js"></script>
    <!-- <script src="packages/web_components/platform.js"></script>
         not necessary anymore with Polymer >= 0.14.0 -->

    <link rel="import" href="packages/core_elements/core-header-panel/core-header-panel.html">
    <link rel="import" href="packages/core_elements/core-toolbar/core-toolbar.html">
    <link rel="import" href="packages/paper_elements/paper-tabs/paper-tabs.html">

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

    <link rel="stylesheet" href="mini.css">

  </head>
  <body unresolved touch-action="auto">
    <h1>TODO list</h1>

   <div>
     <paper-input label="Your Name"></paper-input>
   </div>

   <core-header-panel>

    <core-toolbar>
    </core-toolbar>

    <paper-tabs id="tabs" selected="all" self-end>
      <paper-tab name="all">ALL</paper-tab>
      <paper-tab name="favorites">FAVORITES</paper-tab>
    </paper-tabs>

  </core-header-panel>

  </body>
</html>

我能够成功地构建，并且确保了所有这些组件都在包中(具有正确的名称和路径)。

dart
polymer
dart-polymer
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-03 15:12:11

代码语言：javascript
复制
<!-- before the Polymer elements imports -->
<script src="packages/web_components/dart_support.js"></script>
<!-- <script src="packages/web_components/platform.js"></script>
     not necessary anymore with Polymer >= 0.14.0 -->

<!-- Dart core-elements/paper-elements use underscores not dashes in the file names -->
<link rel="import" href="packages/core_elements/core_header_panel.html">
<link rel="import" href="packages/core_elements/core_toolbar.html">
<link rel="import" href="packages/paper_elements/paper_tabs.html">

<!-- after the Polymer elements imports -->
<script type="application/dart">export 'package:polymer/init.dart';</script>    
<script async src="packages/browser/dart.js"></script>
票数 1
EN

Stack Overflow用户

发布于 2014-08-03 15:08:56

这是你的问题：

代码语言：javascript
复制
<link rel="import" href="packages/core_elements/core-header-panel/core-header-panel.html">
<link rel="import" href="packages/core_elements/core-toolbar/core-toolbar.html">
<link rel="import" href="packages/paper_elements/paper-tabs/paper-tabs.html">

虽然HTML元素使用-字符，但文件和目录名使用_。所以你们的进口必须是：

代码语言：javascript
复制
<link rel="import" href="packages/core_elements/core_header_panel/core_header_panel.html">
<link rel="import" href="packages/core_elements/core_toolbar/core_toolbar.html">
<link rel="import" href="packages/paper_elements/paper_tabs/paper_tabs.html">
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/25101569

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档