Fatal编程技术网
  • dart/
  • Dart 聚合物省道自定义元素未执行

Dart 聚合物省道自定义元素未执行

dart polymer

Dart 聚合物省道自定义元素未执行,dart,polymer,dart-polymer,Dart,Polymer,Dart Polymer,看来我的聚合物镖定制元素，曾经工作，现在停止射击。Dartium在localhost中显示h1标记，但不显示我的自定义元素 我得到的唯一省道编辑器错误/警告是： "(from html5lib) Unexpected start tag (link). Expected DOCTYPE. See http://goo.gl/5HPeuP#polymer_40 for details." 此警告消息出现在每个屏幕上 <link rel="import" href="packages/

看来我的聚合物镖定制元素，曾经工作，现在停止射击。Dartium在localhost中显示h1标记，但不显示我的自定义元素

我得到的唯一省道编辑器错误/警告是：

"(from html5lib) Unexpected start tag (link). Expected DOCTYPE. See http://goo.gl/5HPeuP#polymer_40 for details."
此警告消息出现在每个屏幕上

 <link rel="import" href="packages/polymer/polymer.html">
但就我所知，这是一个已知的问题，不应妨碍应用程序的执行

迄今为止，我的故障排除工作包括： -从命令行运行发布缓存修复 -手动删除包缓存目录并再次运行pub-get。 -下载并运行polymer-and-dart-codelab-master.zip（我得到了相同的行为）

如何诊断此问题

Pubspec.yaml内容：

name: mpower
description: Sample app built with the polymer.dart package
environment:
  sdk: '>=1.2.0 <2.0.0'
dependencies:
  polymer: '>=0.15.1 <0.16.0'
dev_dependencies:
  unittest: '>=0.10.0 <0.11.0'
transformers:
- polymer:
    entry_points:
    - web/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mosaic mPower</title>
    <link rel="import" href="est_list.html">
    <link rel="stylesheet" href="app.css">
  </head>
  <body>
    <h1>Mosaic mPower</h1>
    <est-list></est-list>
    <script type="application/dart">export 'package:polymer/init.dart';</script>
  </body>
</html>

名称：mpower
描述：使用polymer.dart包构建的示例应用程序
环境：

sdk:'>=1.2.0=0.15.1=0.10.0如评论中所述，
这是由过期的Dartium造成的

遗憾的是，它没有显示一条消息来说明这一点。

将本期公开发行的代码添加为星号以进行更新。
您是否也可以添加est列表的代码？您是否尝试将
添加到您的组件中？您好Gunter-我的问题似乎是由于我的Dartium二进制文件在我的Dart编辑器中过期而导致的（我错过了Dartium二进制文件的12周限制）。如果您试图在过期的二进制文件上运行Dartium，Dart编辑器抛出错误是否有意义？谢谢你的帮助，Joether是一个开放的问题，可以显示过期消息。DartEditor没有通知可用的更新吗？没有，但是我的“自动下载更新”首选项没有被选中（这不应该是安装时的默认设置吗？）。我现在已经启用了此设置，因此我应该能够很好地继续前进。

<link rel="import" href="packages/polymer/polymer.html">
<link rel="import" href="est_form.html">
<link rel="import" href="est_element.html">

<polymer-element name="est-list">
  <template>
    <style>
     select {
       margin-bottom: 30px;
       display: inline;
       padding: 6px 12px;
       font-size: 14px;
       line-height: 1.42857143;
       color: #555;
       background-color: #fff;
       background-image: none;
       border: 1px solid #ccc;
       border-radius: 2px;
       -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
       box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
       -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
       transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     }
   </style>
   <div>
     <label>Filter: </label>
     <select value="{{filterValue}}" on-change="{{filter}}">
       <option template repeat="{{filter in filters}}">
         {{filter}}
       </option>
     </select>
   </div>
   <div on-estvalidated="{{addEst}}"
        on-formnotneeded="{{resetForm}}">
     <est-form est="{{newEst}}"></est-form>
   </div>
   <div on-deleteest="{{deleteEst}}"
        on-levelchanged="{{filter}}">
     <template repeat="{{est in filteredEsts}}">
       <est-element est="{{est}}"></est-element>
     </template>
   </div>
 </template>
 <script type="application/dart" src="est_list.dart"></script>



import 'package:polymer/polymer.dart';
import 'model.dart' show Est;
import 'dart:html' show Event, Node;

/*
 * Class to represent a collectionon-est of Est objects.
 */
@CustomTag('est-list')
class EstList extends PolymerElement {
  static const ALL = "all";
  /*
   * Field for a new Est object.
   */
  @observable Est newEst = new Est();

  /*
   * Collection of ests. The source of truth for all ests in this app.
   */
  @observable List<Est> ests = toObservable([]);

  /*
   * Sets the new est form to default to the intermediate level.
   */
  String get defaultCustomer => Est.CUSTOMERS[0];

  /*
   * List of filter values. Includes the levels defined in the model, as well
   * as a filter to return all ests.
   */
  final List<String> filters = [ALL]..addAll(Est.CUSTOMERS);

  /*
   * String that stores the value used to filter ests.
   */
  @observable String filterValue = ALL;

  /*
   * The list of filtered ests.
   */
  @observable List<Est> filteredEsts = toObservable([]);

  /*
   * Named constructor. Sets initial value of filtered ests and sets
   * the new est's customer to the default.
   */
  EstList.created() : super.created() {
    filteredEsts = ests;
    newEst.customer = defaultCustomer;
  }

  /*
   * Replaces the existing new Est, causing the new est form to reset.
   */
  resetForm() {
    newEst = new Est();
    newEst.customer = defaultCustomer;
  }

  /*
   * Adds a est to the ests list and resets the new est form. This
   * triggers estsChanged().
   */
  addEst(Event e, var detail, Node sender) {
    e.preventDefault();
    ests.add(detail['est']);
    resetForm();
  }

  /*
   * Removes a est from the ests list. This triggers estsChanged().
   */
  deleteEst(Event e, var detail, Node sender) {
    var est = detail['est'];
    ests.remove(est);
  }

  /*
   * Calculates the ests to display when using a filter.
   */
  filter() {
    if (filterValue == ALL) {
      filteredEsts = ests;
      return;
    }
    filteredEsts = ests.where((est) {
      return est.customer == filterValue;
    }).toList();
  }

  /*
   * Refreshes the filtered ests list every time the ests list changes.
   */
  estsChanged() {
    filter();
  }
}