Головная боль заставляет работать приложение Polymer 3
Я буквально просто пытаюсь заставить работать простое приложение Polymer 3 с lit-element. Из кода VS я запустил полимерную подачу, и когда я перехожу на localhost:8081 к моему index.html, я получаю ошибку в инструментах F12:
Uncaught TypeError: Не удалось разрешить спецификатор модуля "@ Polymer/ Polymer/ Lib/ Mixins/ Properties-Mixin.js". Относительные ссылки должны начинаться с "/", "./" или "../".
Это очень расстраивает, и я уже давно пытаюсь решить эту проблему.
В HTML я просто включаю файл, как и ожидалось:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test Polymer 3</title>
<script type="module" src="./node_modules/@polymer/lit-element/lit-element.js"></script>
<script type="module" src="./MyApp.js"></script>
</head>
<body>
<my-app score='5'></my-app>
</body>
</html>
И в файле JavaScript для моего пользовательского элемента я делаю следующее:
import {LitElement, html} from './node_modules/@polymer/lit-element/lit-element.js';
class MyApp extends LitElement {
constructor() {
super();
}//end ctor
static get properties() {
return {
score: Number
}
}//end properties
//no get template needed. Use _render instead
_render({score}) {
return html`The score is ${score}`; //equivalent {{score}} or [[score]]
}//end _render window.customElements.define(MyApp.is, MyApp);
static get is() {
return 'my-app';
}//end is
}//end class
window.customElements.define(MyApp.is(), MyApp);
Любая помощь будет принята с благодарностью. Я очень новичок в некоторых технологиях веб-компонентов. Я давно использую HTML5, CSS3, JavaScript, jQuery и т. Д., Но этот новый толчок для веб-компонентов и Polymer 3 похож на совсем другое животное, и у меня возникают проблемы с пониманием некоторых аспектов рабочего процесса.