javascript - lit-element 的 JavaScript 导入在浏览器中给我 404 not found 错误

Question

我已经在 ASP.NET MVC 5 解决方案中通过 npm 安装了 lit-element。我正在尝试按照https://lit-element.polymer-project.org/guide/start指南中的描述创建一个起始标签。在浏览器中，我在 chrome 中得到“GET http://localhost:64580/node_modules/lit-element/lit-element ” net::ERR_ABORTED 404 (Not Found)。

<head>
    <script src="~/Scripts/my-element.js" type="module"></script>
</head>
<body>
    <my-element></my-element>
</body>

我的元素.js

import { LitElement, html } from "../node_modules/lit-element/lit-element";

class MyElement extends LitElement {

    render() {
        return html`
      <!-- template content -->
      <p>A paragraph</p>
    `;
    }
}

customElements.define('my-element', MyElement);

score 0 · Accepted Answer

0

修改import为

从“lit-element”导入 { LitElement, html }；

于 2019-04-09T10:57:15.380 回答

score 0 · Accepted Answer

这可以解决这个问题
像这样导入

import {
  html,
  LitElement,
} from 'https://unpkg.com/@polymer/lit-element@latest/lit-element.js?module';

javascript - lit-element 的 JavaScript 导入在浏览器中给我 404 not found 错误

2 回答 2

Related

Reference