0

当我尝试在本地执行 Polymer 元素时，我使用的是 Polymer 3，而我的 HTML 结构是 HTML5。

counter-comp 标记已添加到我的 html 文件中。

import {LitElement} from "@polymer/lit-element/lit-element.js"
class CounterComp extends LitElement{
constructor(){
    super()
}
static get properties(){
   return{
       color:String,
       background :String,
       fontweight: String
   }
}
_render({color,background,fontweight}){
    return html`
    <style>
    .title{
    background:$(background) ;
    color: $(color);
    font-weight:$(fontweight) ;
    padding: 15px 25px;
    }

</style>
<div class = "title">"This is in div tag with class title"</div>
    `;
    }
}
customElements.define("counter-comp",CounterComp);



<counter-comp color="green" background="blue" font-weight="355">
</counter-comp>

shady-render.ts:46 Uncaught TypeError: result.getTemplateElement is not a function at result (shady-render.ts:46) at render (shady-render.ts:130) at HTMLElement._applyRender (lit-element.ts: 232) 在 HTMLElement._propertiesChanged (lit-element.ts:183) 在 HTMLElement._flushProperties (properties-changed.js?module:335) 在 HTMLElement._flushProperties (lit-element.ts:194) 在 HTMLElement.ready (properties- changed.js?module:179) 在 HTMLElement.ready (lit-element.ts:107) 在 HTMLElement._enableProperties (properties-changed.js?module:315) 在 HTMLElement.connectedCallback (properties-mixin.js?module:200 )

我收到上述错误，请检查并帮助解决此问题。

谢谢

4

1 回答 1

0

代替：

import {LitElement} from "@polymer/lit-element/lit-element.js"

利用：

import {LitElement, html} from "@polymer/lit-element/lit-element.js"
于 2018-07-23T20:52:10.890 回答