Относительные ссылки должны начинаться с "/", "./" или "../" - PullRequest
Новая
       20

Относительные ссылки должны начинаться с "/", "./" или "../"

1 голос
/ 08 июня 2019

Я новичок в lit-element, и при использовании импорта для включения библиотеки я получаю сообщение об ошибке как Uncaught TypeError: Failed to resolve module specifier "lit-element". Relative references must start with either "/", "./", or "../".

Пожалуйста, предоставьте любые альтернативы / решения. 

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

class MyElement extends LitElement {
  render(){
    return html`
      <div>
        <p>A paragraph</p>
      </div>
    `;
  }
}
customElements.define('my-element', MyElement);

1 Ответ

0 голосов
/ 11 июня 2019

Это не работает, потому что импорт js должен ссылаться на определенный файл либо с относительным, либо с абсолютным путем, предполагая, что структура вашего проекта выглядит примерно так: 

/node_modules
  /lit-element
  /other-library
/src
  /components
    my-element.js
index.html

С my-element.js ваш импорт будет 

import {LitElement, html} from '../../node_modules/lit-element/lit-element.js'

Однако, поскольку этот вид конфигурации сбивает с толку, и вы, вероятно, когда-нибудь тоже захотите установить скрипт компоновки, рекомендуется сохранить импорт в том виде, в каком он есть сейчас, и использовать сервер разработки, который преобразует ваш импорт в node_modules как веб-сервер open-wc

...