Polymer 聚合服务器与静态web服务器

Polymer 聚合服务器与静态web服务器,polymer,polymer-cli,Polymer,Polymer Cli,什么样的魔法是polymer-serve用一个简单的静态web服务器无法做到的? 我刚开始一个简单的“hello world”项目。当我运行polymer serve时,我可以浏览到位于的页面,效果非常好。如果我使用并浏览到同一个页面,我会在Chrome中收到一条错误消息 未捕获类型错误:解析模块说明符“@polymer/lit element”失败。相对引用必须以“/”、“/”或“./”开头 下面是example.html,它是从 从“@polymer/lit element”导入{Lit

什么样的魔法是
polymer-serve
用一个简单的静态web服务器无法做到的?

我刚开始一个简单的“hello world”项目。当我运行
polymer serve
时,我可以浏览到位于的页面,效果非常好。如果我使用并浏览到同一个页面,我会在Chrome中收到一条错误消息

未捕获类型错误:解析模块说明符“@polymer/lit element”失败。相对引用必须以“/”、“/”或“./”开头

下面是example.html,它是从


从“@polymer/lit element”导入{LitElement,html}”;
类MyElement扩展了LitElement{
静态获取属性(){
返回{
语气:{type:String}
};
}
构造函数(){
超级();
this.mood=“happy”;
}
render(){
返回html`
.心情{
颜色:绿色;
}
Web组件是${this.mood}!
`;
}
}
自定义元素。定义(“我的元素”,MyElement);

模块按名称而不是路径导入

比如这个

从中

这一变化使聚合物符合标准npm实践,以及 使聚合物更容易与其他工具和项目集成。 但是,因为浏览器还不支持按名称导入模块, 这意味着您需要一个转换步骤来运行聚合物模块 在浏览器中。Polymer CLI和相关工具正在更新为 自动执行此转换

运行polymer build应创建已转换的文件(由路径引用)