angularjs - ハイブリッド Angular 1.x + Angular 1.x のバニラ JS ファイルと TS ファイルの両方を含む Angular 6 アプリ

Question

AngularJS ファイルが JS と TS の両方である場合、ハイブリッド アプリを構築しようとしています。JS コントローラーにルートを追加できないようです。

私は次の例に依存しており、次のことを行っています。

const statesConfigBlock = ['$stateProvider', $stateProvider => {
  $stateProvider.state('main', {
    url: '/main',
    templateUrl: 'app/components/layout/mainView.html',
    controller: 'mainController as main'
  })
}];
appModuleAngularJS.config(statesConfigBlock);

mainCtrl.js次のように定義されたファイルがあります。

var app = angular.module('myApp', []);

(function(app) {
  'use strict';

  app.controller('mainController', [
      function () {
        console.log("blah");

      }]);
})(app);

アプリを実行すると、次のようになります。

「mainController」という名前のコントローラーは登録されていません

しかし、コンソールで実行すると表示されます：

angular.module('myApp')._invokeQueue.filter(function(el){
  return el[0] === "$controllerProvider";
}).map(function(el){
  return el[2]["0"];
});