Meteor + LitElement (Polymer 3) проблема с импортом

У меня возникла проблема с импортом модуля LitElement в проект Meteor:

Я начинаю новый тестовый проект с Meteor 1.7+ и использую LitElement для нескольких компонентов.

Я установил Meteor так:

meteor create meteor-lithtml --release 1.7.1-beta.29 --bare

Установил вот так:

meteor npm install --save @polymer/lit-element

Моя директория node_modules выглядит так:

image

Мой файл package.json:

{
  "name": "myapp",
  "private": true,
  "scripts": {
    "start": "meteor run"
  },
  "dependencies": {
    "@babel/runtime": "^7.0.0-beta.56",
    "@polymer/lit-element": "^0.5.2",
    "@vaadin/router": "^1.0.0",
    "meteor-node-stubs": "^0.4.1",
    "redux": "^4.0.0"
  },
  "meteor": {
    "mainModule": {
      "client": "client/index.js",
      "server": "server/index.js"
    }
  }
}

Типичный способ, которым я вижу импортированный световой элемент, не работает ...

Простое добавление файла index.js и импорт модуля lit-element генерируют ошибки. Если я удалю импорт из файла index.js, ошибки исчезнут.

\\ client\index.js
import { LitElement, html } from '@polymer/lit-element';

Самая первая ошибка:

Uncaught SyntaxError: Unexpected token {

modules.js?hash=182125a3fa97eaa24f6d313584ca593c3aed2103:984 

Указывает на это место:

image

Расширение node_modules для просмотра этого файла:

image

Почему я получаю неожиданный жетон {?


ПРИМЕЧАНИЕ. Я задаю этот вопрос здесь на тот случай, если пользователь Meteor столкнется с той же проблемой и ему потребуется помощь.


person Aaron    schedule 09.08.2018    source источник


Ответы (1)


На тот случай, если у нас есть еще какие-то пользователи Meteor, которые столкнутся с подобной проблемой, вот ссылки на объяснение и решение:

объяснение: https://forums.meteor.com/t/litelement-import-litelement-html/45042/8?u=aadams

решение: https://github.com/aadamsx/meteor-lithtml/pull/1 < / а>

person Aaron    schedule 09.08.2018