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应创建已转换的文件(由路径引用)