1. ホーム
  2. javascript

[解決済み] TypeError: undefined はコンストラクタではありません。

2022-02-14 16:16:57

質問

私はAngularの初心者で、まだこの多くを理解しようとしています。 Yeoman Generatorから生成したAngular 1.5.8を使って、いくつかのテストを書いています。

具体的には、$httpBackendの結果を操作する方法を見つけようとしています(それが重要かどうかは分かりませんが)...。

私のapp.jsファイルには、次のようなコードがあります。

.run(['$rootScope', '$location', 'breadcrumbService', function ($rootScope, $location, breadcrumbService) {
    $rootScope.$on('$viewContentLoaded', function () {
        jQuery('html, body').animate({scrollTop: 0}, 200);
    });

    $rootScope.isEditMode = false;
    $rootScope.$on('$stateChangeSuccess', function () {
        // ------------ this next line is failing -----------
        $rootScope.isEditMode = $location.path().toLowerCase().endsWith('/edit') || $location.path().toLowerCase().endsWith('/new');
    });

    $rootScope.parseJson = function (value) {
        return angular.fromJson(value);
    };

    $rootScope.bc = breadcrumbService;

    $rootScope.title = "";
}])

約半分の行(コメントを追加したところ)が失敗しています。 具体的には endsWith 関数が失敗し(toLowerは問題なし)、このようなエラーが発生します。

PhantomJS 2.1.1 (Windows 8 0.0.0) Service: breadcrumbService should return breadcrumb label in json format FAILED
        TypeError: undefined is not a constructor (evaluating '$location.path().toLowerCase().endsWith('/edit')') in app/scripts/app.js (line 44)
        app/scripts/app.js:44:72
        $broadcast@bower_components/angular/angular.js:18005:33
        bower_components/angular-ui-router/release/angular-ui-router.js:3353:32
        processQueue@bower_components/angular/angular.js:16383:30
        bower_components/angular/angular.js:16399:39
        $eval@bower_components/angular/angular.js:17682:28
        $digest@bower_components/angular/angular.js:17495:36
        $apply@bower_components/angular/angular.js:17790:31
        done@bower_components/angular/angular.js:11831:53
        handleResponse@bower_components/angular-mocks/angular-mocks.js:1368:17
        flush@bower_components/angular-mocks/angular-mocks.js:1808:26
        test/spec/services/breadcrumbservice.js:33:27
        invoke@bower_components/angular/angular.js:4718:24
        workFn@bower_components/angular-mocks/angular-mocks.js:3085:26

以下は、私のテストコードです(他の例から変更したいくつかのジャンク - 動作するようにしようとしているだけ)。

'use strict';

describe('Service: breadcrumbService', function () {

    // load the service's module
    beforeEach(module('myModule'));

    var $httpBackend, $rootScope, createController, authRequestHandler;
    beforeEach(inject(function($injector) {

        $httpBackend = $injector.get('$httpBackend');
        console.log('Is null? '+ ($httpBackend == null));
        $httpBackend.whenGET(/views\/.*/).respond(200, [{}, {}, {}]);

        authRequestHandler = $httpBackend.when('GET', '/api/v1/SiteStagings')
            .respond({userId: 'userX'}, {'A-Token': 'xxx'});

        // Get hold of a scope (i.e. the root scope)
        $rootScope = $injector.get('$rootScope');
        $httpBackend.flush();
    }));

    // instantiate service
    var breadcrumbService;
    beforeEach(inject(function (_breadcrumbService_) {
        breadcrumbService = _breadcrumbService_;
    }));

    it('svc should exist', function () {
        expect(!!breadcrumbService).toBe(true);
    });

    it('should return breadcrumb label in json format', function () {
        var result = breadcrumbService.getFromCache('site', 'SiteGroupStagings', 46, 'SiteGroupDesc');
        console.log(result);
        expect(!!result).toBe(true);

    });
});

何か間違ったことをしているのは間違いないのですが、それが何なのかがよくわかりません。 このエラーの本当の意味は何なのか、そしてなぜ私の endsWith ?

ありがとうございます。

解決方法は?

<ブロッククオート

undefined はコンストラクタではありません。

は、定義されていない関数を呼び出そうとしたときに、PhantomJSが表示するエラーメッセージです。これは、PhantomJSがサポートしているECMAScriptのバージョンに依存します。このブラウザはテストで使用している関数をサポートしているため、Chromeでは問題なく動作すると言われています。 この問題を解決してPhantomJSを使用するには、"unknown to PhantomJS"関数を別の関数に置き換えることができます。