Почему не видно завершения кода после импорта расширения EmberObject в другой файл с использованием кода Visual Studio?

Question

Как уже объяснялось в заголовке, я не вижу завершения кода после импорта расширения EmberObject

• файл form.js:

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

• file component.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]         
   });
  }
  

в этот момент в component.js, когда я набираю this.form. редактор (VSC) не дает мне никаких реальных предложений относительно класса Form / EmberObject

Есть предположения?

Answer 1

К сожалению, объекты Ember трудны для понимания редакторами.

Однако вы можете использовать нативные классы, которые улучшат ваш опыт работы с редактором!

Вот обзорная статья о том, как начать: https://medium.com/build-addepar/es-classes-in-ember-js-63e948e9d78e

TL: DR; это

1. Установить Ember Decorators 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 ();