stackoom
  简体   繁体   中英

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

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

Question

I have installed lit-element via npm in ASP.NET MVC 5 solution. I am trying to create a starter tag as described in https://lit-element.polymer-project.org/guide/start guide. In browser, I get "GET http://localhost:64580/node_modules/lit-element/lit-element " net::ERR_ABORTED 404 (Not Found) in chrome.

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

my-element.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 answers

solution1
 0  2019-04-09 10:57:15

Modify import as

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

solution2
 0  2020-05-21 07:02:39

This can resolve this issue
Import like this

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

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question Implement bootstrap in lit-element with javascript Google Maps JavaScript API with lit-element Error when using unsafeHTML with lit-element Lit-Element data loading error in update-element.js JavaScript / Lit-element safe way to parse HTML Purpose of the “$=” or “?=” in lit-element examples Test lit-element webcomponent with Karma How to handle restAPI and redux with Lit-Element? Using Highcharts (and modules) with lit-element Is it possible to use jQuery with Lit-element?
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM