javascript - 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 目录如下所示：

我的 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"
    }
  }
}

我看到导入的 lit-element 的典型方式不起作用......

只需添加一个 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 用户遇到同样的问题并需要帮助。

标签： javascriptmeteorpolymer-3.xlit-elementlit-html

javascript - Meteor + LitElement (Polymer 3) 导入问题

问题描述

解决方案

推荐阅读