0

我在将 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 用户遇到同样的问题并需要帮助。

4

1 回答 1

0

万一我们有更多的 Meteor 用户遇到这样的问题,这里是解释和解决方案的参考:

解释: https ://forums.meteor.com/t/litelement-import-litelement-html/45042/8?u=aadams

解决方案:https ://github.com/aadamsx/meteor-lithtml/pull/1

于 2018-08-09T17:10:44.840 回答