Ember.js: EmberRouter에 라우터 서비스를 삽입하면 무한 반복됩니다.

불일치에 대한 토론에 따라 라우터를 삽입하면 작동하지만 this._super(...arguments); 호출해야합니다.https://github.com/efx/emberjs-17791/commit/8d8dd5afa1b9841742d1127a95689ab98c085632#diff -f3a289058604b2b069d07bb8e2cda60cR8
내 오류; 이를 라우터 인스턴스에서 라우팅 이벤트를 등록 할 수 있는지 확인했습니다.

코드 스 니펫이 라우터 서비스를 주입하지 않는다는 @efx 는 다른 상황이라고 생각합니다!

Ember 3.8에서도이 동작을 확인할 수 있습니다.

암호:

import EmberRouter from '@ember/routing/router';
import config from './config/environment';
import { set } from '@ember/object';

import { inject as service } from '@ember/service';


const Router = EmberRouter.extend({
  location: config.locationType,
  rootURL: config.rootURL,

  router: service(),
  routeHelpers: service(),

  init() {
    this._super(...arguments);
    this.router.on('routeDidChange', () => {
      // tracking with piwik, if the piwik object has been defined
      if (typeof _paq === 'object') {
        _paq.push(['trackPageView']);
      }

      // tracking with google analytics, if the ga method has been defined
      if (typeof ga === 'function') {
        return ga('send', 'pageview', {
          'page': this.get('url'),
          'title': this.get('url')
        });
      }

      // set current route to the onla accordion, which will open
      // it's corresponding accordion element
      var onlaController = this.routeHelpers.controllerFor('onla');
      set(onlaController, 'currentRouteName', this.router.currentRouteName);

    });
  }


});

예외:

Exception has occurred: RangeError
RangeError: Maximum call stack size exceeded
    at Registry.isValidFullName (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:16657:20)
    at Registry.has (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:16448:17)
    at Registry.proto.validateInjections (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:16762:25)
    at processInjections (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:15999:28)
    at buildInjections (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:16040:7)
    at injectionsFor (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:16051:12)
    at FactoryManager.create (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:16116:13)
    at instantiateFactory (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:15979:63)
    at lookup (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:15907:12)
    at Container.lookup (https://n204.crealogix.net:4200/assets/vendor-e2a60dfe5e2603e2bdff789c3cdefd1e.js:15751:14)

이 사용 중단 경고가 표시 되었기 때문에 'routeDidChange'이벤트를 수신하여 router.js 'didTransition'함수를 바꾸고 싶었습니다.

지원 중단 : 지원 중단 된 "didTransition"메소드를 재정의하려고했습니다. 라우터 서비스를 삽입하고 "routeDidChange"이벤트를 수신하십시오. [지원 중단 ID : deprecate-router-events] 자세한 내용은 https://emberjs.com/deprecations/v3.x#toc_deprecate -router-events를 참조하세요.

@ursqontis 기록을 위해 라우터 내에서 라우터 이벤트를 수신 할 수 있습니다. this.on('routeDidChange') 만하면됩니다. 이 스 니펫에는 https://github.com/efx/emberjs-17791/commit/8d8dd5afa1b9841742d1127a95689ab98c085632#diff -f3a289058604b2b069d07bb8e2cda60cR8이 있습니다.

이것이 EmberRouter 에서이 작업을 수행하기위한 공용 API가되도록 의도 된 경우 문서화 할 수 있습니까? cc. @pzuraq @rwjblue @chadhietala? 공개 API가 아니라면 작은 RFC를 작성 하여 공개 API로

서비스 주입이 실패하면 일반적으로 버그로 간주되어야한다고 생각합니다. 이 경우 문제는 라우터 서비스 자체에 router : main이 주입된다는 것입니다.

여기서 일어나는 일은 다음과 같습니다.

• service : router 가 인스턴스화 될 때 router : main을 수신하도록 주입
• 라우터 : 메인 조회
• router : main 은 인스턴스화시 service : router 를 조회합니다 (모든 서비스 주입에 대한 디버그 빌드에서 수행되므로 참조 된 서비스를 시스템에서 사용할 수없는 경우 좋은 오류를 제공 할 수 있습니다. _if_ 오류 만 발생하는 것과는 반대로) 서비스 이용 시도)
• service : router 를 인스턴스화하기 위해 컨테이너는 router : main (해당 주입을 충족시키기 위해)을 생성하려고
• 고리

여기서 수정은 라우터 서비스가 라우터를 _not_ 열심히 조회하도록 만드는 것입니다 .

@rwjblue , 리프트가 얼마나 어렵습니까? 앞으로 몇 주 동안 경로가 분명하다면이 문제를 해결할 수있을 것입니다.

@chriskrycho 당시 이것을 놓친 미안합니다. 자동 주입을 제거하고 실제로 연결되었을 때만 라우터 서비스를 찾는 것은 상당히 간단해야한다고 생각합니다 (예 : "너무 어렵지 않음").