问题标签 [polymer-3.x]

我想知道如何在 Polymer 3 中包含 Google Map。我刚刚从 Polymer 2 升级到 Polymer 3。这是我的示例，它不是入门套件的基础

我收到以下 2 个错误：

和

我正在使用带有聚合物的 vaadin-date-picker。当用户输入美国格式的日期时，我想默认放置正确的斜杠。因此，如果用户键入 01152019，它应该自动将日期格式化为 01/15/2019。现在，如果我输入没有 / 的日期，它将无法识别该值。

我似乎无法让简单的聚合物入门套件与 Cordova 一起运行，如果我回到聚合物 2，它工作正常，但聚合物 3 不会加载我的应用程序页面。

我尝试了很多想法都无济于事，我添加了每个没有服务工作者的默认构建，我尝试将默认路径更改为./而不是仅仅 '/' 我包含了 cordova.js 的链接并调用了 app.initialise ()

非常感激任何的帮助

我认为这不是Serving Polymer App to a /path not at root的副本，因为它是关于 Polymer-cli 版本 1.8 和 Polymer 3 的较新版本

我创建了一个非常简单的组件，当从根路径提供服务时，它可以与“polymer serve”和“polymer build”一起使用。

根据文档，您可以使用 --base-path 构建选项为非根路径构建应用程序。但是，这似乎不适用于所有资源

示例项目在 github https://github.com/anneb/polymer-simple-component/

基础知识：

索引.html

相对引用 ../../images/spinner.gif 的简单组件：

如果使用测试，上述工作（微调器可见）

和

但是，当使用以下内容构建时：

您现在可以从构建目录（build/es5-bundled 的父级）提供 es5-bundled，并且代码现在主要使用路径 /es5-bundled/，但仍需要在 /images/spinner.gif 处引用引用的 spinner.gif，为什么？

我的聚合物.json：

我正在将我的应用程序从 Polymer 1 迁移到 Polymer 3。我从 Polymer 3 示例应用程序开始polymer init。当我像我的聚合物 1 一样重新排列my-app.js（重命名为）时，所选的铁页组件不显示。main-app.jsmain-app.html

例如，view one我可以看到它已加载并在 DOM 中，但它不会显示。任何想法为什么？我认为应用程序元素 api/behavior 没有改变。

通读Polymer 3.0文档，我注意到同时使用了大括号{{}}和方[[]]括号。如果有的话，这两种数据绑定方法有什么区别？

我是 Polymer 的新手，目前正在学习Polymer 3.0。我正在尝试制作一个工作如下的应用程序：

1. 从公共 url 获取播放列表数据（使用 iron-ajax 元素）
2. 在handleResponse() 函数中处理数据，并将值分配给' playlistNames '变量。
3. 使用路由显示播放列表和歌曲

问题：（我被困在哪里）

在刷新页面时http://127.0.0.1:8081/playlist1，路由器正在加载 404 页面而不是播放列表页面，因为playlistName是空的。但是，如果我单击任何播放列表（刷新页面后），路由器正在工作。

我无法playlistNames在不同的函数“_routePageChanged”中访问更新后的数组。代码片段如下。

在handleResponse() func我得到正确的输出（带有播放列表列表的数组）。但在_routePageChanged() func'输出中是 [ ]，一个空数组。

问题：

我的理解：app-route元素在iron-ajax元素之前处理。

如何访问playlistNamesin的新值_routePageChanged？

文件：my-element.js

我在 IE11 上遇到了问题。此代码在 Chrome/Firefox/Edge 中运行良好。我看不出我在做什么会导致它不起作用。

这是我的聚合物元素的影子 dom 正在破坏的部分：

我正在尝试做的事情是在 Chrome/FF/Edge 但不是 IE11 中工作：

• 如果已设置，则显示 shadow dom <select>。
• 绑定 this.selectValue 以在下拉列表更改时更新。
• 循环this.excludeNumbers并将它们写成<option>嵌套在 中<select>，如果它们是则选择它们

到目前为止我测试过的内容：

• 从<option>标签 中删除所有属性
  • 结果：没有变化，仍然不渲染
• <option value="0" selected$="{{matchesDefault(0)}}">All</option>从标记中 删除默认值
  • 结果：没有变化，仍然不渲染
• 将<template is="dom-repeat">标记移到 之外<select>，就在<template>检查 is 的开始标记下方，[[showSelect]]并将它们从标记更改<option>为<span>标记。
  • 结果：成功写入 span 标签
• 在构建的代码上运行polymer build和测试 IE10
  • 结果：没有变化

有人看到我有什么问题吗？关于我可以测试什么的任何想法？

任何想法表示赞赏

我正在学习polymer3.x。我制作了一个虚拟聚合物元件。现在我想知道如何在线发布并在其他一些框架中使用它（例如：angular app）。

我完成了https://www.webcomponents.org中提到的要求，

• 包含许可证文件
• 标记版本
• 添加自述文件

但是在做“预览元素”时，我Error - 12: Missing bower.json. Currently, only Bower is supported.从 Polymer 版本 3 中得到，Polymer 团队推荐npm而不是Bower.

如何发布我的聚合物元素，以便我可以在另一个应用程序（如 Angular 应用程序）中使用它？

我正在使用polymer-3-starter-kit来自 cli 构建一个 polymer3 应用程序。它根据选定的播放列表从公共 api 中获取歌曲。

遇到以下问题：

1. 第一首歌被禁用

2. 音频似乎被缓存并且在路由更改时不会更改。

   例如：最初（或在页面刷新时），播放列表 1 被加载。当我单击 playlist2 并播放歌曲 2 时，实际上正在播放 playlist1-song2。在检查“检查元素”时，存在正确的 URL（播放列表 2-歌曲 2）。

我的歌曲.js

我的应用程序.js

提前致谢。