Polymer Dart Stagehand - 如何使用 web 组件？答案

【问题标题】：Polymer Dart Stagehand - how to use webcomponents?Polymer Dart Stagehand - 如何使用 web 组件？
【发布时间】：2016-03-10 07:49:09
【问题描述】：

首先，如果 stagehand “反转文本” Dart Polymer 默认示例在所有浏览器中都可以工作，那就太好了。

阅读本文>this，我更改了示例的 index.html 以包含 webcomponents 行：

<body unresolved>
   <main-app></main-app>
     <script type="application/dart" src="index.dart"></script>
     <script src="packages/browser/dart.js"></script>
     <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>

</body>

我还下载了webcomponents zip 并将 js 文件复制到我的项目 web 文件夹并在那里引用它。显然，我不知道我在做什么。我是否需要更改或添加某些内容到 pubspec 依赖项？

谢谢

史蒂夫

【问题讨论】：

标签： dart dart-polymer

【解决方案1】：

有一个 Dart web_components 包，它为 Dart 包装了 web-components polyfills。 Stagehand 会自动将依赖项添加到您的pubspec.yaml。运行pub get 或pub upgrade 后，您可以在packages/web_components/ 目录中找到脚本。

只需添加

  <script src="web_componentsjs/webcomponents-lite.min.js"></script>

在您的入口页面的头部（不是在您的问题中显示的 Dart 脚本标记之后）。

Stagehand 是一个社区项目。请在 GitHub 存储库中提交问题以添加脚本标记或创建包含必要更改的拉取请求。

【讨论】：

嗨，谢谢。前进了一步！它适用于 Firefox，但仍然不适用于 Edge。接下来我将使用 Firefox 尝试我的整个项目。干杯，s
什么在 Edge 中不起作用？一些错误信息，一些不当行为？
我正在运行 stagehand 反转文本示例。我已将其上传为我的网页“acsumama.com”。在 Edge 中，它是空白屏幕。 S
我的 Linux 系统上没有可用的 Edge。请问<body>标签在加载后是否还有unresolved属性设置？
你好，甘特。是的（在 Edge 的开发人员工具中查看）它有 unresolved=""。史蒂夫