shady-render.ts: 46 Uncaught TypeError: result.getTemplateElement не является функцией

Когда я пытаюсь выполнить элемент 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 не является функцией результата (shady-render.ts: 46) при рендеринге (shady-render.ts: 130) в 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 (свойства- changed.js? module: 179) в HTMLElement.ready (lit-element.ts: 107) в HTMLElement._enableProperties (properties-changed.js? module: 315) в HTMLElement.connectedCallback (properties-mixin.js? module: 200 )

Я получаю указанную выше ошибку, пожалуйста, проверьте и помогите решить эту проблему.

Спасибо