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