Головная боль заставляет работать приложение Polymer 3 - PullRequest
Новая
       21

Головная боль заставляет работать приложение Polymer 3

0 голосов
/ 26 августа 2018

Я буквально просто пытаюсь заставить работать простое приложение 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 похож на совсем другое животное, и у меня возникают проблемы с пониманием некоторых аспектов рабочего процесса.

...