簡體   English   中英

Polymer.dart 1.0.0-rcx需要什么導入和腳本標簽

[英]What imports and script tags are required for Polymer.dart 1.0.0-rcx

為了使使用Polymer.dart的客戶端應用正常工作,需要哪些導入和腳本標簽?

<!DOCTYPE html>
  <head>
    <script src="packages/web_components/webcomponents-lite.min.js"></script>
    <script src="packages/browser/dart.js"></script>
  </head>
  <body unresolved>
    <my-element></my-element>
    <script type="application/dart" src="index.dart"></script>
  </body>
</html>
  • webcomponents-lite.min.js腳本添加了聚合物webcomponents-lite.min.js
  • dart.js是每個Dart瀏覽器應用程序在沒有Dart VM的瀏覽器中運行所必需的。
  • index.dart包含您的自定義main(); index.dart 並使用@HtmlImports(...)導入<my-element>

其中index.dart包含

import 'package:polymer/polymer.dart';
import 'my_element.dart';

/// Silence analyzer [MyElement]
main() async {
  await initPolymer();
}

沒有自定義主體

使用<link rel="import" ...>導入元素(已淘汰)

<!DOCTYPE html>
  <head>
    <script src="packages/web_components/webcomponents-lite.min.js"></script>
    <link rel="import" href="my_element.html">
  </head>
  <body unresolved>
    <my-element></my-element>
    <script type="application/dart">export 'package:polymer/init.dart';</script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>

或使用@HtmlImport(...)導入元素

<!DOCTYPE html>
  <head>
    <script src="packages/web_components/webcomponents-lite.min.js"></script>
  </head>
  <body unresolved>
    <my-element></my-element>
    <script type="application/dart">
      export 'package:polymer/init.dart';
      import 'my_element.dart';
    </script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>

提示:如果沒有用於main的顯式腳本標簽,則為可反射轉換器注冊入口點將更加困難。 可以代替使用生成文件的名稱,但是我還不知道該文件的名稱是什么。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM