文章/答案/技术大牛

发布

社区首页 >问答首页 >Dart -聚合物自定义元件未加载

问Dart -聚合物自定义元件未加载
EN

Stack Overflow用户

提问于 2013-11-09 21:24:44

回答 1查看 1.1K关注 0票数 1

我一直在为Dart学习这个教程：

https://www.dartlang.org/docs/tutorials/polymer-intro/

作为一个快速的测试运行，我试图设置一个非常基本的东西-一个带有标签和两个输入的页面。

我试着把这个页面定义为一个聚合物元素和loda元素，但这是行不通的。这是密码..。

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>GXMMaps</title>
    <link rel="import" href="signin.html">
    <script type="application/dart"> 
        import 'package:polymer/init.dart';
    </script>
    <script src="packages/browser/dart.js"></script>
  </head>
  <body>
    <signin></signin>
  </body>
</html>

signin.html

<!-- Basic sign in form...-->
<!DOCTYPE html>
 <polymer-element name="signin">
 <template>
    <style>
      @host {
        :scope {
          background-color: LemonChiffon;
          text-align: center;
          display: inline-block;
          border: solid 1px;
          padding: 10px 10px 10px 10px;
        }
      }
    </style>
    <div>GXM Maps</div> 
    <div>
      <div>
        <input  id="username">Username</>
      </div>
      <div>
        <input  id="password">Password</>"
      </div>
    </div>
  </template>
  <script 
      type="application/dart" 
      src="signin.dart">
  </script>
 </polymer-element>

signin.dart

import 'dart:html';
import 'dart:async';
import 'package:polymer/polymer.dart';

@CustomTag('signin')
class signin extends PolymerElement {
  signin.created() : super.created();
  // we'll do username and password submission here... 
}

如果我在index.html中放置一个看起来很好的标题，如果我检查页面，我可以看到一个元素，但它是空的。

编辑:：

我跟着上面的一个评论，改变了

<script type="application/dart"> 
    import 'package:polymer/init.dart';

至

<script type="application/dart"> 
    export'package:polymer/init.dart';

现在，当我运行时，我会得到以下错误：

Uncaught Error: InvalidCharacterError: Internal Dartium Exception
Stack Trace: 
#0      _Utils._register (file:///E:/b/build/slave/dartium-win-full-stable/build/src/dart/tools/dom/src/native_DOMImplementation.dart:461)
#1      _Utils.register (file:///E:/b/build/slave/dartium-win-full-stable/build/src/dart/tools/dom/src/native_DOMImplementation.dart:457)
#2      HtmlDocument.register (file:///E:/b/build/slave/dartium-win-full-stable/build/src/build/Release/obj/global_intermediate/blink/bindings/dart/dart/html/HtmlDocument.dart:222)
#3      PolymerDeclaration.registerType (package:polymer/src/declaration.dart:239:22)
#4      PolymerDeclaration.register (package:polymer/src/declaration.dart:164:17)
#5      PolymerDeclaration._register (package:polymer/src/declaration.dart:114:13)
#6      PolymerDeclaration.registerWhenReady (package:polymer/src/declaration.dart:109:14)
#7      _notifyType (package:polymer/src/declaration.dart:477:49)
#8      Polymer.register (package:polymer/src/instance.dart:62:16)
#9      _loadLibrary (package:polymer/src/loader.dart:181:25)
#10     _loadLibraries (package:polymer/src/loader.dart:89:19)
#11     _initPolymerOptimized (package:polymer/src/loader.dart:54:17)
#12     _rootRun (dart:async/zone.dart:688)
#13     _ZoneDelegate.run (dart:async/zone.dart:417)
#14     _CustomizedZone.run (dart:async/zone.dart:627)
#15     initPolymer (package:polymer/src/loader.dart:37:33)
#16     main (package:polymer/init.dart:23:22)


Exception: InvalidCharacterError: Internal Dartium Exception
  undefined (undefined:0:0)

dart

dart-polymer

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-10 10:50:09

好的。应该仔细看看你的代码。you元素的名称不正确。它必须包含至少一个破折号。将其更改为signin-element将使其工作。

在您的signin.html中，这一行：

<polymer-element name="signin-element">

在signin.dart中：

@CustomTag('signin-element')

最后在您的index.html中：

<signin-element></signin-element>

您还应该检查signin.html中的html。输入后的</>和</>"不属于那里。

我不知道您是否在使用Dart编辑器，但是它非常有用，并且用一个(有用的)警告标记这些问题。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19883289

复制

相似问题

问Dart -聚合物自定义元件未加载
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Dart -聚合物自定义元件未加载EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Dart -聚合物自定义元件未加载
EN