问题标签 [polymer-3.x]

而不是return "HTML CONTENT";我有一个单独的 html 文件，我想将它导入我的 js 文件以返回它的内容但import template from '/m-chip.html";不起作用。

元素.js

m-chip.html

如果没有 jquery 和纯 js，我怎么能做到这一点？

我正在聚合物 3 es6 中构建材料设计卡元素，并且希望仅<slot>在属性设置为 true 时才有标签。这是我的 js 代码：

这是我的 index.html：

因此，当 media 属性设置为truecard-image div 并返回其中的 slot 时。不得不道歉，因为我是 javascript 新手，并且在示例中可能存在严重的语法和逻辑问题。

正如Polymer-Summit 2017中所说，Polymer 3.0 中的 Web 组件不会使用 HTML 导入，而是使用 ES6 模块导入。

所以我正在寻找一种方法来将我所有的 HTML 导入一个一个地更改为 ES6 模块import，而不会产生不稳定的代码。

例如：
这是一个简单的项目。
他们是3个文件：

index.html导入组件并在custom-elementDOM 中实例化一个。导入，并使用它
的功能。 所有导入都是使用 HTML-imports 进行的。 我试图弄清楚如何只制作一个 ES6 模块，然后将其导入文件而不破坏应用程序。custom-element.htmlMyModule.htmlsquare(number)

MyModulecustom-element.html

如何在 Polymer 3 元素中使用 Polymer 2 元素？以下内容不起作用，因为<link>元素在 shadow dom 中不起作用。

我们可以简单地从元素中取出<link>并放在顶层，但这感觉就像打破了组件性。

我需要为应用程序使用常用样式，但<custom-style>不起作用。includein 的属性<style></style>也不起作用。怎么做？

我正在测试 Polymer 3.0 预览代码，并希望设置一个简单的项目，使用 Webpack 和 Babel 将其转换回 ES5。

编译工作正常。我将 custom-elements-es5-adapter.js 添加到我的演示页面，但捆绑的代码执行时出现以下错误：

ES6 代码取自这里：https ://www.polymer-project.org/blog/2017-08-23-hands-on-30-preview

webpack.config.js

您可以在我的 Github 存储库中找到代码以进行快速查看：https ://github.com/janrembold/webcomponent-examples/tree/master/06-frameworks/04-polymer

是不是因为 Polymer3 的早期状态才出现这个错误？还是我在这里错过了什么？

顺便说一句，我不想​​使用polymer-cli，因为我们的项目有一些特殊要求。

提前感谢您的帮助！

我正在寻找一种方法来缩小模板文字中的空白。由于常规的 js 缩小不会删除模板文字上的空格，我期待可能polymer-cli有办法缩小这些空格。

缩小结果的示例：

我目前正在测试聚合物 3 预览版，以了解如何将其集成到我们的团队工作流程中。

在 v3 中声明元素的推荐方法是：

见：https ://www.polymer-project.org/blog/2018-03-23-polymer-3-latest-preview.html

这适用于基本内容的打字稿，但它不理解MyElement类扩展了HTMLElement。因此，如果我尝试在我的代码中使用this.dispatchEvent(...)，编译将失败。

我试图设置一个.d.ts来尝试教打字稿，但我无法让它工作。所有这些都几乎不成功。

1）直接打字：

2）键入模块：

还有一些变体，但它似乎从未被转译器挑选出来。任何 idas 吗？

我正在遵循本指南：https ://github.com/PolymerLabs/start-polymer3 。我正在使用 Chrome，当我尝试打开页面时，它给出了我在这个问题的标题中写的错误。

Chrome 调试控制台显示

万一这很重要，这是我的 Chrome 版本

版本 65.0.3325.181（官方版本）（32 位）

我无法让 Font Awesome 图标与 LitElement 一起使用，因为 CSS 样式不会穿透自定义元素的阴影边界。

是否可以在 LitElement 中使用 Font Awesome 或其他图标？