Метеор + ЛитЭлемент (Полимер 3) проблема с импортом

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

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

Я установил Метеор так:

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

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

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

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

образ

Мой файл 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 

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

образ

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

образ

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


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

1 ответ

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

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

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

Другие вопросы по тегам