Sentry-javascript: 모듈 'ngRaven'을 사용할 수 없습니다! 모듈 이름을 잘못 입력했거나 로드하는 것을 잊었습니다. 모듈을 등록하는 경우 종속성을 두 번째 인수로 지정해야 합니다.

+1

고정 ..
http://stackoverflow.com/questions/35980078/module-ngraven-not-available

여기서 우리가 할 수 있는 행동이 있습니까? 조금 혼란스럽습니다. :)

오, jk, 나는 Stackoverflow를 읽었습니다. angular-raven 패키지에서는 작동하지만 우리 패키지에서는 작동하지 않습니다.

현재 문서에 따르면 이제 Sentry Angular 플러그인이 작동합니다.

https://docs.getsentry.com/hosted/clients/javascript/integrations/angular/

'app/bower_components/raven-js/plugins/angular.js'에서 디렉토리 'dist'가 누락되었을 수 있습니까?

문서 [https://docs.getsentry.com/hosted/clients/javascript/integrations/angular/#bower]에 따르면 다음과 같아야 합니다.

<script src="/bower_components/raven-js/dist/plugins/angular.js"></script>

문서 Angular를 따라가면 나를 위한 모듈을 찾을 수 없습니다. 스택 오버플로 솔루션은 저에게 효과적입니다.

'app/bower_components/raven-js/plugins/angular.js'에서 디렉토리 'dist'가 누락되었을 수 있습니까?

그것은 확실히 할 것입니다.

여기 누군가가 나에게 구체적인 예를 제공할 수 있다면 기꺼이 이에 ​​대해 조사하겠습니다.

@benvinegar https://plnkr.co/edit/S1Dk9t?p=preview 이것은 오류의 간단한 샘플입니다.

https://github.com/getsentry/raven-js/blob/master/docs/integrations/angular.rst 기반
그것은 말한다:
_이 CDN 빌드는 Angular 플러그인을 자동으로 초기화합니다._

그러나 문서에서 오류가 발생하는 것처럼 가져오기만 하면 plnkr에서 로그를 확인하십시오.
[$ injection:nomod ] 'ngRaven' 모듈을 사용할 수 없습니다! 모듈 이름을 잘못 입력했거나 로드하는 것을 잊었습니다. 모듈을 등록하는 경우 종속성을 두 번째 인수로 지정해야 합니다.

아마도 이것은 문서의 오해 일뿐입니까?

이것에 대한 소식이 있습니까? 나는 이후 각 플러그인 만, CommonJs 작동 생각 이가 바로 파일을 포함 할 때 실제로 호출되지 않습니다. 플러그인을 사용할 수 있도록 수정하십시오.

다음은 작동하지 않는 통합 페이지 다음의 가장 간단한 예입니다. https://plnkr.co/edit/M5nt6Y?p=preview

@RobertBaron @mebibou – 두 예제 모두 앱을 초기화하기 전에 Raven을 구성해야 합니다. 플러그인은 Raven.install() 가 호출될 때까지 초기화되지 않습니다.

이것은 모든 문서 예제 에

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="https://cdn.ravenjs.com/3.6.1/angular/raven.min.js"></script>
<script>Raven.config('https://<key>@app.getsentry.com/<project>').install();</script>

애플리케이션 스크립트(예: app.js )가 나중에 와야 한다는 것이 더 명확해질 수 있지만.

오, 이것은 실제로 ngRaven 가 필요한 모듈에서 이러한 종류의 구성을 수행하는 Angular 방식에 위배되지만 이렇게 하면 불가능합니다.

전혀 명시되어 있지 않기 때문에 문서에 명시해야 한다고 생각합니다.

+1

#413, @benvinegar를 참조하세요.

@Sija – 사람들이 이것에 계속 걸려 넘어진다는 점을 감안할 때 병합하는 것이 좋습니다. 누군가 Raven을 Angular _before_ Angular로 선언했을 수도 있는 경우가 걱정되지만. 그러나 최소한 CDN 사용자는 수동으로 업그레이드해야 합니다.

아래 굵게 표시된 비트를 추가하는 것을 잊지 마십시오.

갈가마귀
.config('https://@sentry.io/')
.addPlugin(Raven.Plugins.Angular)
.설치();

@theatrain 외에
다음은 gulp-inject를 사용한 이후의 수정 사항입니다.

    "overrides": {
        "raven-js" : {
            "main": [
                "dist/raven.js",
                "dist/plugins/angular.js"
            ]
        }
    },

모든 것이 미화되고 축소되었기 때문에 grunt에 대한 좋은 해결 방법도 찾았습니다.

내 app.js 는 다음과 같습니다.

'use strict';

angular
  .module('sraApp', [
    'ngRaven'
  ]);

raven.js 라는 다른 파일을 만들었습니다.

// redacted sensitive info
Raven
  .config('https://<code>@sentry.io/<myapp>')
  .addPlugin(Raven.Plugins.Angular)
  .install();

그리고 인라인 스크립트 대신 index.html에서:

<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/raven-js/dist/raven.js"></script>
<!-- endbower -->
<!-- Outside of auto-managed bower, but still inside compile -> vender.js -->
<script src="bower_components/raven-js/dist/plugins/angular.js"></script>
<!-- endbuild -->

<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/raven.js"></script>
<script src="scripts/app.js"></script>
<!-- endbuild -->

이제 내가 grunt build:dist 하면 그런트를 미화/최소화하여 플러그인을 등록할 수 있도록 스크립트를 최적화합니다. 인라인 스크립트를 수행하면 최적화가 발생하지 않으므로 window.angular는 플러그인이 자동으로 로드되는 데 적합하지 않습니다.

전반적인 흐름은 다음과 같습니다(문서가 정확함).

• angular 들여오다
• raven 가져오기
• raven/plugins/angular.js 가져오기
• config/addPlugin/install ngRaven 하지만 uglification/minification을 고려하여 제대로 수행되었습니다.

또한 대부분의 구성이 나중에 발생할 수 있다는 점에 유의해야 합니다(부트스트랩 중에 문제에 대한 태그를 놓치더라도).

예를 들어 heroku 구성은 사실 후에 로드됩니다.

'use strict';

angular.module('sraApp')
  .run(function (Raven, HEROKU_APP_ID, HEROKU_APP_NAME, HEROKU_RELEASE_CREATED_AT, HEROKU_RELEASE_VERSION, HEROKU_SLUG_COMMIT, HEROKU_SLUG_DESCRIPTION, NODE_ENV) {
    Raven.setRelease(HEROKU_RELEASE_VERSION);
    Raven.setEnvironment(NODE_ENV);
    Raven.setTagsContext({
      release_date: HEROKU_RELEASE_CREATED_AT,
      git_commit: HEROKU_SLUG_COMMIT,
      slug_description: HEROKU_SLUG_DESCRIPTION,
      application: {
        name: HEROKU_APP_NAME,
        id: HEROKU_APP_ID,
      }
    });
  });

이에 대한 업데이트가 있습니까? 카르마 테스트 스위트에도 문제가 있습니다.

@xeroxoid 카르마 테스트 중에 이것에 문제가 있었고 해결할 수 있었습니다.

우리의 경우 우리는 테스트 환경에서 Raven.config().addPlugin().install() 루틴을 센트리로 보내는 것을 원하지 않았기 때문에 건너뛰었습니다.

문제는 raven-js가 모듈을 사용하여 "각도 방식"으로 작업을 수행하지 않고 대신 DSN으로 Raven.config() 를 호출한 경우에만 ngRaven 모듈을 등록한다는 것입니다.

addPlugin() 메소드는 구성이 올바르게 설정된 경우에만 angular 모듈을 등록합니다(예: 정의된 DSN url 사용).

이를 수정하기 위해 테스트 스위트에서도 Raven.config().addPlugin().install() 가 항상 실행되도록 만들었습니다. 일반 DSN url을 사용한 다음 config.shouldSendCallback 메서드를 사용하여 테스트 환경에서 sentry로 보내는 것을 차단합니다. .

이를 통해 raven-js는 angular 모듈을 올바르게 등록할 수 있습니다.

도움이 되기를 바랍니다!

우리도 똑같이 하고 있지만 대신 가짜 DSN을 전달합니다(이것은 우리의 개발 환경을 위한 것입니다). https://[email protected]/1 와 같은 것은 잘 작동합니다(raven은 URL 속성에 대해 어느 정도 시행하는 것으로 보이므로 사용자 이름이 경로와 함께 있어야 함).

장기간 활동하지 않아 문을 닫습니다. 이 스레드에는 만일의 경우를 대비하여 몇 가지 해결 방법이 포함되어 있습니다. 어떤 식으로든 여전히 관련성이 있는 경우 이 문제를 자유롭게 다시 여십시오.