Javascript 在返回[object]LitElement的组件外部使用html函数

Javascript 在返回[object]LitElement的组件外部使用html函数,javascript,polymer,lit-element,lit,Javascript,Polymer,Lit Element,Lit,我很头疼,如果有人知道如何解决它,那就太棒了。 我正在使用LitElement创建一个表组件,希望使用它的开发人员可以添加一个customHTML来呈现不同的输入。 为此,他/她可以使用属性“headers”,如下所示: [{ label: 'Created at', customHTML: (value, isEditable) => html`<custom-element .value="${value} .isEditable="${valueis

我很头疼,如果有人知道如何解决它,那就太棒了。 我正在使用LitElement创建一个表组件,希望使用它的开发人员可以添加一个customHTML来呈现不同的输入。 为此,他/她可以使用属性“headers”,如下所示:

[{
  label: 'Created at',
  customHTML: (value, isEditable) => html`<custom-element .value="${value} .isEditable="${valueisEditable}"></custom-element>`
}]
[{
标签:“创建于”,

customHTML:(值,可编辑)=>html`
[object object]
是转换为字符串的对象的默认表示形式

const house={
窗口:4,
身高:5
}

console.log(house.toString());
没有太多代码可以真正理解这个问题,但请尝试使用
JSON.stringify(customHTML)


作为字符串,它将更灵活地打印为文本。

这是因为您使用了许多版本的lit元素

在chrome控制台
窗口中键入。litElementVersions
,您将看到正在使用的lit元素的版本

如果您混淆了来自不同版本的不同导入的
html
标记,您将得到
[object object]

解决方案 这里没有什么神奇的事情可做。重新安装所有软件包

rm-rf节点_.lock包-lock.json
npm i
#或
纱线安装

您找到这个问题的解决方案了吗?我将html方法发送到调用customHTML:${header.customHTML(html)}
<td>${header.customHTML()}</td>