Ecmascript 6 Polymer Build找不到非Polymer元素的ES6类
我们正在使用聚合物2构建应用程序。我们有从聚合元素和处理业务逻辑的纯ES6类派生的Web组件。我们在html文件中定义了ES6类,并通过html导入将它们导入到应该使用类的位置 myclass.htmlEcmascript 6 Polymer Build找不到非Polymer元素的ES6类,ecmascript-6,polymer,polymer-2.x,Ecmascript 6,Polymer,Polymer 2.x,我们正在使用聚合物2构建应用程序。我们有从聚合元素和处理业务逻辑的纯ES6类派生的Web组件。我们在html文件中定义了ES6类,并通过html导入将它们导入到应该使用类的位置 myclass.html <script> class MyClass { constructor(){ this.text = "MyClass"; } getText(){ return this.
<script>
class MyClass {
constructor(){
this.text = "MyClass";
}
getText(){
return this.text;
}
}
</script>
通过修改MyClass解决了这个问题,如下所示。添加静态get属性方法
<script>
class MyClass {
constructor(){
this.text = "MyClass";
}
static get properties() {
return {
};
}
getText(){
return this.text;
}
}
类MyClass{
构造函数(){
this.text=“MyClass”;
}
静态获取属性(){
返回{
};
}
getText(){
返回此.text;
}
}
您是否尝试过(或者您不尝试的原因是什么)使用
导入JS?是的,我尝试过。但是如果要通过script
tag使用它,您首先必须export
类。但是Polymer 2不支持ES6模块。它将由聚合物3支撑。那么导出类就可以完成了吗?从HTML和js诞生之日起,用脚本标记导入.js文件就可以了。它不需要导出import
语句需要code>export
。
my-app.html:1 Uncaught ReferenceError: MyClass is not defined
at new MyApp (my-app.html:1)
at my-app.html:1
<script>
class MyClass {
constructor(){
this.text = "MyClass";
}
static get properties() {
return {
};
}
getText(){
return this.text;
}
}