javascript - 为什么在使用 Visual Studio Code 将 EmberObject 扩展导入另一个文件后看不到任何代码完成？

Question

正如标题中已经解释的那样，导入 EmberObject 扩展后我看不到任何代码完成

• 文件 form.js：

  import EmberObject from '@ember/object'; 
  
  const Form = EmberObject.extend({
          isTouched: false,
          isValid: false,
          errors: null,
          value: null,
          init() {...},
          getSomething(){ ... }  
  }
  

• 文件组件.js

  import Form from '../../classes/form';
  
  init() {        
   this._super(arguments);        
   // console.log(this.elementId);        
   this.form = Form.create({          
       email: [this.email, Validators.required, Validators.email],
       password: [this.password, Validators.required]         
   });
  }
  

当我键入this.form时，此时在 component.js中。编辑器（VSC）没有给我任何关于 Form 类/EmberObject 的真正建议

有什么猜测吗？

标签： javascriptember.jsvisual-studio-codecode-completion

Answer 1

不幸的是，Ember 对象很难让编辑者理解。

但是，您可以使用本机类，这将改善您的编辑器体验！

这是一篇关于如何开始的概述文章：https ://medium.com/build-addepar/es-classes-in-ember-js-63e948e9d78e

TL:DR; 是

1. 安装 Ember 装饰器https://github.com/ember-decorators/ember-decorators
2. 使用原生类

在您的示例中，它将是

import EmberObject from '@ember/object'
export default class FormClass extends EmberObject {
  constructor() {
    // replaces init
    super();
  doStuff() { }

稍后 let form = new FormClass();