问题标签 [polymer-3.x]

我对 Polymer 和 Webpack 都是新手，并试图弄清楚如何让 polymer-webpack-loader 正确转译。根据将 HTML 导入 JS 的新 Polymer 3.x 方式（Polymer 2.x 是相反的方式），我创建了一个单独的 .html 文件并尝试将其导入到我的“扩展 PolymerElement”类中。

这是我的简单 template.html 文件：

这是我的聚合物 index.js 文件：

这是我的 webpack 配置文件：

我得到的结果是 template.html 中的 import 语句似乎只是在捆绑脚本中创建 div 标记并将其包含在文档中，当然该类找不到值...这是输出：

这是我选择的颜色：[[color]]（由 [[name]] 应用程序制作）

不明确的

如果我将模板包含在 JS 文件中的文字 HTML 字符串中并删除 import 语句，它可以正常工作：

这是我选择的颜色：#777777（由 Polymer 3.0 测试应用程序制作）

谁能帮我理解如何让它工作？我怀疑这是与 polymer-webpack-loader 相关的一些配置。这种代码风格在 Webpack 未捆绑的普通 Polymer 应用程序中运行良好。

谢谢，

保罗

我想使用轮播 Web 组件，但我只能从旧版本中找到一个，例如聚合物2 ，我如何安装它，因为聚合物 3 不支持凉亭

在 Polymer 3 中使用 iron-overlay-behavior 的正确方法是什么。这不应该像扩展类一样简单吗？但我不确定，因为我的组件已经扩展了 PolymerElement。

任何简单的例子都应该有所帮助。

Polymer 3 和 LitElement 看起来对未来基于组件的开发非常有吸引力，我期待在我的项目中使用它们。

但这里的绊脚石之一是具有大量现成元素的旧 Polymer 代码库似乎与 LitElement 和即将推出的 Material Web 组件不完全兼容。

例如，如果任何父元素是使用 LitElement 基础实现的，则纸质对话框中的iron-overlay-behavior无法提供焦点陷印。我知道这个问题可能主要是由iron-ovelay-behavior实现引起的，但主要问题保持不变。

这是否意味着如果您想在您的项目中采用 LitElement，您必须从头开始实现自己的对话框组件，并且可能还有许多以前可用作纸质元素的其他元素？

我是聚合物新手，运行“polymer build”后出现以下问题，当我运行“polymer serve build / esm-bundled”时，浏览器中出现以下错误：

未捕获的 ReferenceError：未定义聚合物

我注意到，如果我禁用了 polymer.json 的包，则不会出现错误。

有人能帮助我吗？

我正在使用 Polymer-3 和 Redux，该项目最初是使用 polymer-2 构建的，但我进行了转换，并且在构建之前运行时效果很好。

这是聚合物.json

错误所在的组件的一部分

浏览器——错误

这是浏览器中显示的内容

假设我有一个传统的 javascript 库，例如 google-charts，我想将它合并到我的 Polymer 3.0 项目中。我将如何实际进行导入？

这就是我传统上的做法：https ://developers.google.com/chart/interactive/docs/quick_start

我将我的项目从 Polymer-2.x 更新到 Polymer-3.x，现在，当我在浏览器中打开我的 index,html 时，我得到“未捕获的类型错误：无法解析模块说明符”@polymer/polymer/polymer-element .js”。相对引用必须以“/”、“./”或“../”开头。

我在chrome中启用了相对路径支持，但它仍然不起作用。

使用polymer serve它可以正常工作，但我需要它通过 IIS 工作，因为它在其代码中引用了它的 url，并且我有路由与它有关。所以 localhost 不是我的选择。

有没有办法，所以我可以在没有 的情况下让它工作polymer serve？

我正在尝试在 Polymer 3 Web 组件中理解/实现两种方式的属性绑定。我有以下代码：

如您所见，我定义了一个包含默认值列表的 Array 属性。这个属性是一个模型，我想从中渲染一个无线电组。初始状态看起来不错。但是当我单击未选中的输入时，DOM 元素不会正确更新。

我敢打赌我错过了一些非常简单的东西......

我无法理解聚合物中的数据绑定是如何工作的。我检查了文档和以前的一些问题，但仍然：

我有一个主机和一个子元素。孩子是一个注册/登录页面，它向 api 发送 ajax 请求并注册新用户或接收用户令牌。用户数据（名称和令牌保存在 storedUser 对象的元素属性中。我需要的是父元素（MyApp）可以看到这个 storedUser 对象。

非常感谢任何有助于理解的帮助。

主持人（简体）：

孩子：

在 Safari 11.1 (MacOS) 中拖动 Web 组件时，如果在 Web 组件的 Shadow DOM 中的子项上开始拖动，dragstart则紧随其后的是一个事件。dragend它在 Chrome 和 Firefox 中运行良好，如何在 Safari 中启用拖放功能？

这发生在没有外部库的 Web 组件构建以及使用 Polymer 3时。

例如，拖动<drag-item>有效，但拖动包含<div class="child">的无效。

像这样使用时：

Codepen 使用 Polymer 3 Web 组件

Codepen 仅使用本机 Web 组件