如何在lit-lement中实现lit-element-bootstrap包
我想在lit-element中实现lit-element-bootstrap包。
我在控制台中收到以下错误，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>回答 2
Stack Overflow用户
发布于 2019-05-31 13:31:14
您尝试从中导入的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在将来也可以改变。
Stack Overflow用户
发布于 2020-02-13 00:25:38
https://unpkg.com/lit-element/lit-element.js -element已更新，正确的链接应为https://unpkg.com/lit-element，或者如果您要指定扩展lit
https://stackoverflow.com/questions/56388027
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号