堆棧內存溢出
  簡體   English   中英

為 lit-element 導入 JavaScript 在瀏覽器中出現 404 not found 錯誤

[英]JavaScript import for lit-element gives me 404 not found error in browser

 原文  2019-04-09 10:13:08  3   2    javascript/ asp.net/ asp.net-mvc/ polymer-3.x/ lit-element

問題描述

我已經在 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（未找到）。

<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);

2 個解決方案

解決方案1
 0  2019-04-09 10:57:15

修改import為

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

解決方案2
 0  2020-05-21 07:02:39

這可以解決這個問題
像這樣導入

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

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 使用 javascript 在 lit-element 中實現引導程序 帶有 lit-element 的 Google Maps JavaScript API 將 unsafeHTML 與 lit-element 一起使用時出錯 update-element.js 中的 Lit-Element 數據加載錯誤 解析 HTML 的 JavaScript / Lit-element 安全方法 lit-element示例中“$ =”或“？=”的用途 使用 Karma 測試 lit-element webcomponent 如何使用 Lit-Element 處理 restAPI 和 redux？ 使用帶有 lit-element 的 Highcharts（和模塊） 是否可以將 jQuery 與 Lit-element 一起使用？
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM