как реализовать пакет lit-element-bootstrap в lit-lement - PullRequest
Новая
       21

как реализовать пакет lit-element-bootstrap в lit-lement

0 голосов
/ 31 мая 2019

Я хотел бы реализовать пакет lit-element-bootstrap в lit-element.

Я получаю следующую ошибку в консоли, 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/lit-element-bootstrap@1.0.0-alpha.10/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/webcomponentsjs@2.2.7/webcomponents-bundle.js"></script>
  <script src="https://unpkg.com/@webcomponents/webcomponentsjs@2.2.7/webcomponents-loader.js"></script>
     <script type = "module" src = "../components/header.js"></script>
  </head>  
<body>   
<header-element></header-element>
 </body>
</html>

1 Ответ

0 голосов
/ 31 мая 2019

URL, с которого вы пытаетесь импортировать, перенаправляется (302).

Текущий URL: https://unpkg.com/@polymer/lit-element/lit-element.js?module

Попробуйте изменить его на: https://unpkg.com/@polymer/lit-element@0.7.1/lit-element.js?module

Не уверены, что вы всегда должны загружать его с этого URL, вы можете скачать файли импортировать его из вашего каталога, а не загружать его с этого нового URL.Поскольку этот новый URL также может измениться в будущем.

...