问题标签 [lit-element]

我无法理解?=用法$=：

第一个示例：Lit-Element README

第二个示例：PWA 示例应用程序

为什么这些 HTML 属性有一个$或?后缀？

我在将 LitElement 模块导入 Meteor 项目时遇到问题：

我正在使用 Meteor 1.7+ 开始一个新的测试项目，并且正在将 LitElement 用于一些组件。

我像这样安装了 Meteor：

我是这样安装的：

我的 node_modules 目录如下所示：

我的 package.json 文件：

我看到导入的 lit-element 的典型方式不起作用......

只需添加一个 index.js 文件并导入 lit-element 模块就会产生错误。如果我从 index.js 文件中删除导入，错误就会消失。

第一个错误：

指向此位置：

展开 node_modules 以查看此文件：

为什么我会收到意外的 { 令牌？

注意：我在这里问这个问题，以防万一 Meteor 用户遇到同样的问题并需要帮助。

请检查 plunker

我想像partHtml普通 HTML 一样被注入到模板中。

我知道 lit-element 中的不安全 HTML 可以做到这一点，但是 lit-element 不能使用super.render()东西，它不像聚合物元素那样方便。

我实际上只是想获得一个简单的带有 lit-element 的 Polymer 3 应用程序来工作。在 VS Code 中，我运行了 polymer serve，当我导航到 localhost:8081 到我的 index.html 时，我在 F12 工具中收到错误消息：

未捕获的类型错误：无法解析模块说明符“@polymer/polymer/lib/mixins/properties-mixin.js”。相对引用必须以“/”、“./”或“../”开头。

这非常令人沮丧，我已经尝试解决这个问题很长一段时间了。

在 HTML 中，我只是按预期包含文件：

在我的自定义元素的 JavaScript 文件中，我正在执行以下操作：

任何帮助将不胜感激。我对一些 Web 组件技术非常陌生。我使用 HTML5、CSS3、JavaScript、jQuery 等已经有很长时间了，但是这种对 Web 组件和 Polymer 3 的新推动就像是一种完全不同的动物，我在掌握工作流程的某些方面时遇到了困难。

使用 Polymer2，我制作了一个使用vis.js 创建图形的应用程序（github repo） 。

但是对于 Polymer3 和 LitElement，我很困惑如何包含 css 和 png
我发现这个讨论使用 webpack 进行打包 Import vis.js with webpack 和 repo 这里：https ://github.com/mojoaxel/vis-webpack -演示

它看起来不错，但是是否可以使用 vis.js 制作一个看起来像这张图片的 Polymer3 元素？

问题是它必须导入 /node_modules/vis/dist/vis-network.min.css 并且这个 css 在 /node_modules/vis/dist/img/network/ 中使用 png 图像

我正在寻找一种方法来导入这个 css + 它的 png。谢谢

我有一个 litElement，我需要从另一个域中使用它。我的浏览器是 Chrome，我正在使用“polymer serve”并直接导航到 es5-bundle。

点亮元素非常简单。只是一些静态文本。

当我使用'polymer build'我的条目时，HTML 页面会被编译（或转换）。我看到'custom-elements-es5-adapter.js'添加了对的引用，以及其他自定义 JavaScript。当我导航到此条目页面（在构建文件夹中）时，一切正常。但是，如果我用原始未编译版本替换该编译版本，我会在 chrome 控制台中收到错误'define is not defined'.

最终我将从另一个域调用它，并且不会用聚合物构建 HTML。（我已经尝试过跨域但它不工作）

我需要在客户端中包含哪些内容才能使用聚合物发光元件？

这是我所拥有的：

我有一个代表多个文件的文件上传的 LitElement。这使用代表每个文件的子组件。

我正在努力寻找使用 LitElements 将更改传播到子组件的最佳实践示例，因为它似乎与 Polymer 3 非常不同

这是我正在尝试的一个精简示例：

当我更新文件的状态时，上传组件会重新呈现，但上传文件组件不会。

我在这里做错了什么？可能没有 LitElement 使用的示例。

TIA

在迁移到lit-element版本时0.6.0。如果我使用

在header我的文件的一部分。我有以下错误：

我无法追踪这个错误来自哪里，因为错误堆栈很大并且涉及很多异步调用。我还尝试重现一个最小的示例，但同样，我无法模拟相同的错误消息。此错误的后果是完全无法加载某些自定义元素（以至于应用程序无法使用）。

现在，如果我用这个更改标题脚本：

错误消失了。但现在控制台中出现以下警告消息：

检测到不兼容的 ShadyCSS 版本。(shady-render.ts:42)

请至少更新到@webcomponents/webcomponentsjs@2.0.2 和@webcomponents/shadycss@1.3.1。

这是一个有趣的消息，因为我的项目已经在使用webcomponentsjs版本2.1.2和shadycss版本1.5.2。除了这个警告消息之外，css 指令@apply被完全忽略，导致接口不使用任何flex属性（我让你想象一下混乱）。

现在这是一种我真的无法理解的行为，即使我花了整整一个下午的时间来研究文档和东西。我召唤你的帮助。

我对我正在处理的特定元素有疑问。由于某种原因，这个不允许我在 html 标记上指定任何属性值。

如果我在构造函数中指定默认值，那么该元素可以与这些默认值一起正常工作，但我无法通过声明性 html 覆盖默认值。

这是元素：

我尝试像这样使用上面的元素：<ostinato-fetch-triggers xhr-selector="#somethingElse"></ostinato-fetch-triggers>.

我期望元素中的 xhrTriggers 属性应该是#somethingElse，但事实并非如此。它基本上只是使用构造函数的默认值。

我正在尝试根据子类的类名动态加载模块。代码可以在这里看到：

我正在使用一个由子类扩展的mixin。mixin 位于 node_modules 中。

假设子类位于./src/components/ExampleComponent有没有办法从 mixin 中推断出子类的目录？

无论如何可以推断项目根目录？

使用 webpack，webpack 无法找到模板ExampleComponent/View/ExampleComponent ，除非 mixin 位于项目根目录中。

谢谢你的帮助。