0

我想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>
4

2 回答 2

0

lit-element 已更新，正确的链接将是https://unpkg.com/lit-element 或者如果您想指定扩展名 https://unpkg.com/lit-element/lit-element.js

于 2020-02-12T16:25:37.503 回答
0

您尝试从中导入的 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 将来也可能发生变化。

于 2019-05-31T05:31:14.187 回答