I would like to implement lit-element-bootstrap package in lit-element.
I am getting following error in console,
Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec
//header.js
import { LitElement, html, css } from 'https://unpkg.com/@polymer/lit-element/lit-element.js?module';
import 'https://unpkg.com/[email protected]/lit-element-bootstrap';
export class Header extends LitElement{
constructor() {
super();
}
render(){
return html`
<bs-alert primary>
<div>A simple primary alert—check it out!</div>
</bs-alert>
`;
}
}
customElements.define('header-element', Header);
//index.html
<!doctype html>
<html>
<head>
<script src="https://unpkg.com/@webcomponents/[email protected]/webcomponents-bundle.js"></script>
<script src="https://unpkg.com/@webcomponents/[email protected]/webcomponents-loader.js"></script>
<script type = "module" src = "../components/header.js"></script>
</head>
<body>
<header-element></header-element>
</body>
</html>