上周发布了Sencha CMD和ExtJS 6.5,我很高兴在我的ExtJS项目中使用ES6课程。有了这个说法,我能够找到的唯一一种关于如何在ExtJS中实现ES6类的“文档”是去年10月的this post。虽然它给出了一个例子,但我认为我遗漏了一些东西,因为我在构建过程中遇到了以下错误。
[ERR] C2001: Closure Compiler Error (Character '@' (U+0040) is not a valid identifier start char) -- path/to/project/Foo.js:4
[ERR] C2001: Closure Compiler Error (primary expression expected) -- path/to/projectFoo.js:4:7
Foo.js
import { define } from 'extjs-kernel'; // module names not final
import { Observable } from 'extjs-core';
import { Base } from 'app-some';
@define({
mixins: Observable,
config: {
value: null
}
})
export default class Foo extends Base {
updateValue (value, oldValue) {
this.fireEvent('valuechange', value, oldValue);
}
}
我缺少CMD命令吗?如果没有,任何进一步的解释将不胜感激。
注意
output
中的app.json
属性如下:
"output": {
"base": "${workspace.build.dir}/${build.environment}/${app.name}",
"appCache": {
"enable": false
},
"js": {
"version": "ES6"
}
},
答案 0 :(得分:4)
在Ext JS 6.5和Sencha Cmd 6.5(https://www.sencha.com/blog/announcing-ext-js-6-5-and-sencha-cmd-6-5-ga)中,你可以使用几乎所有的ES6语法,但是对ES6模块的支持是第7版。
来源(sencha在您提到的同一篇文章中的评论):https://www.sencha.com/blog/ext-js-and-es201567-modernizing-the-ext-js-class-system/#comment-65507