angularjs - AngularJS $httpprovider.interceptors.push が機能していません

Question

inspect.js に角度のある JS ファクトリ メソッドがあります。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
(function () {
    "use strict";

    angular
        .module("Myapp")
         .factory("MyAppAuthIn", ['$window', '$q', function ($window, $q) {
             var authFactory = {};
             var _request = function (config) {
                 config.headers = config.headers || {};
                 var authData = $window.sessionStorage.getItem('token');
                 if (accessToken) {
                     config.headers.Authorization = 'Bearer ' + authData;
                 }
                 return config;
             }

             var _responseError = function (rejection) {
                 if (rejection.status === 401) {
                     console.log("Some Error Here");
                 }
                 return $q.reject(rejection);
             }

             authFactory.request = _request;
             authFactory.responseError = _responseError;
             return authFactory;
         }]);
});

そして、ここにある appModule.js ファイルにモジュールがあります。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
(function () {
    "use strict";

    angular
        .module("Myapp")
        .config(function ($httpProvider) {
            
            $httpProvider.interceptors.push('MyAppAuthIn');
            
        });
}());

両方の JS ファイルを ASPX ページに含めて実行しました。次に、エラーメッセージが表示されます

キャッチされていないエラー: [$injector:unpr] 不明なプロバイダー: MyAppAuthInProvider <- MyAppAuthIn<- $http <- $templateFactory <- $view <- $state

しかし、myspector.js のように 1 つのファイルですべてを作成すると、正常に動作します。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
(function () {
    "use strict";

    angular.module("Myapp", [])
        .factory("MyAppAuthIn", ['$window', '$q', function ($window, $q) {
             var authFactory = {};
             var _request = function (config) {
                 config.headers = config.headers || {};
                 var authData = $window.sessionStorage.getItem('token');
                 if (accessToken) {
                     config.headers.Authorization = 'Bearer ' + authData;
                 }
                 return config;
             }

             var _responseError = function (rejection) {
                 if (rejection.status === 401) {
                     console.log("Some Error Here");
                 }
                 return $q.reject(rejection);
             }

             authFactory.request = _request;
             authFactory.responseError = _responseError;
             return authFactory;
         }])
        .config(['$httpProvider', function ($httpProvider) {
            $httpProvider.interceptors.push('MyAppAuthIn');
        }]);

}());

この問題を理解するのを手伝ってくれる人はいますか?..この問題のトラブルシューティングを行うのに、ほぼ 2 日かかります。高く評価してください