У меня возникла проблема с импортом модуля 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 выглядит так:
Мой файл 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 столкнется с той же проблемой и ему потребуется помощь.