问题标签 [polymer-3.x]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1371 浏览

polymer - 在 Polymer 3 中导入 Polymer 2 组件

我正在使用 Polymer v3 开发一个 Web 组件,并且需要在我的新组件的模板 HTML 中包含一些在旧式 Polymer 2 组件中定义的自定义元素。

由于 Polymer 3 不再支持 HTML 导入,我应该采取什么方法来包含它们?如果我使用的是 Polymer 2,我可以在组件的 HTML 文件中添加以下内容:

我已经尝试将上述链接添加到我的组件的模板 HTML 中,但它似乎不起作用。我还尝试了各种import命令来直接引用遗留组件中的 JS 文件,但收到了各种难以理解的 JS 错误,所以我不确定这是否是正确的方法。

我不敢相信没有一种简单的方法可以做到这一点——Polymer 团队真的会引入一个与使用旧版本创建的所有组件完全不兼容的新版本库吗?

0 投票
4 回答
2478 浏览

polymer - 使用 Paper-Input 时 Polymer 3.0 未捕获的 DOM 异常

使用paper-input时,导入会引发以下异常

未捕获的 DOMException:无法在“CustomElementRegistry”上执行“定义”:此名称已用于此注册表。

除了为 3.0 创建模板并添加导入之外,我什么也没做。

迁移工具似乎有问题,谷歌曾经更新他们的旧组件。

有人已经排序了吗?

0 投票
2 回答
826 浏览

polymer - Use Polymer 2.0 component in Polymer 3.0 app

Currently I migrate a Polymer 2.0 app to Polymer 3.0. But at the moment understandably a lot of components are still not migrated, yet (like e.g vaadin-gid as one example).

How can I use these Polymer 2 components in my migrated Polymer 3 app?

0 投票
4 回答
831 浏览

polymer - 在聚合物 3 中使用 Google Web Components 元素

我们如何在聚合物 3 中安装 Google Web Components 元素

示例 - 使用 google-youtube 或更多元素尚不支持 npm install!

https://www.webcomponents.org/element/GoogleWebComponents/google-youtube

有没有人想出为聚合物 3 安装这个。

0 投票
1 回答
1612 浏览

angular5 - 将 Polymer 3 组件导入 Angular 5 项目

我从聚合物 3 开始,我正在学习本教程https://www.polymer-project.org/1.0/start/first-element/step-5,所以基本上我有组件 js 文件如下

图标切换.js

现在我想知道如何导入它并在 Angular 5 应用程序中使用它。

0 投票
1 回答
468 浏览

testing - Polymer 3.0 a11ySuite 测试错误

我正在尝试让a11ySuitePolymer 3.0 测试正常工作。

当我使用 运行测试时polymer test,测试超时,我可以在自动浏览器的控制台中看到以下错误:

如果我在调试模式下从polymer serveurl 运行,我会收到此错误:

这之前还有一堆来自 mocha 的 404,关于 lodash、sinonjs 和 test-fixture,假设这是因为它是在serve模式下运行的。

这是我的测试代码:

我在网上找不到更多信息,而且文档在这个主题上非常有限(实际上并不精确)。

0 投票
1 回答
1119 浏览

javascript - 如何从 npm 模块导入 css 文件 - webcomponent

我正在尝试在我的应用程序中使用 MDC 组件作为材料设计组件。我在 Polymer (LitElement) 中有一个自定义元素:

我已经从 @material/tabs 导入了创建组件所需的所有类,它实际上工作得很好,但样式不适用: npm 模块

dist文件夹中,我们有一个mdc.tabs.css包含组件所有 css 的 css 文件。我做了测试,将所有文件内容复制到样式标签中,它正确应用了所有样式,但我认为这应该是一种更好的方法……我的问题是如何将 css 文件导入我的 web 组件?

0 投票
1 回答
215 浏览

polymer - 聚合物元素纸标签 - 聚合物 3 中的错误

安装后

npm i @polymer/paper-tabs

和进口:

导入'@polymer/paper-tabs/paper-tab.js';

导入'@polymer/paper-tabs/paper-tabs.js';

运行时出错:

polymer-fn.js:43 Uncaught (in promise) DOMException: Failed to execute 'define' on 'CustomElementRegistry': 此名称已在 Polymer ( http://localhost:8081/node_modules/@polymer/的此注册表中使用polymer/lib/legacy/polymer-fn.js:43:18 ) 在http://localhost:8081/node_modules/@polymer/paper-tabs/node_modules/@polymer/paper-ripple/paper-ripple.js:314 :1

0 投票
2 回答
2264 浏览

polymer - 在聚合物 3 中导入外部样式表

有没有办法导入只影响影子 DOM 的外部 css 文件?我正在使用 sass 并自动创建 css 文件,因此无法完成使用 javascript 导入的任何技巧。

现在,我所拥有的是:

在 Polymer 2 中,可以执行以下操作:

有没有一种 Polymer 3 方法可以达到同样的效果?

0 投票
1 回答
184 浏览

html - 在 Polymer 3.0 上将图像添加到网站

我是 Polymer 的新手(从今天开始 :))。我想将图像添加到 app-drawer,但是使用不起作用,我尝试安装和使用 iron-image 但我无法包含,因为导入需要是 js 文件,而 Iron-image 不包含 js,只包含 HTML。