使用AngularJs ngRoute，如何路由到根模块以外的单独模块中的组件？

我有一个使用AngularJs（v1.7.9）的应用程序。我已经开始将应用程序迁移到Angular 10+。我已将一些相关的指令/控制器转换为组件。到现在为止，一直都还不错。然后我将这些组件移动到一个单独的模块中。应用程序仍在构建和运行，但是当导航到这些组件的路由时，该组件不会显示。下面是一些与我的项目相匹配的psuedo代码，为了简洁起见，保留了大部分细节

// overview/index.js
export default angular.module('overview', []).name;

// componentA.js
(function() {
   const ComponentA = {
      selector: 'componentA',
      template: 'path/to/template.html',
      bindings: {},
      constrollerAs: 'ctrl',
      controller: function () {
         console.log('component A');
      }
   };

   angular.module('overview').component(ComponentA.selector ComponentA);
})();

// app.js
import Overview from './overview/index.js';

const app = angular.module('app', ['ngRoute','Overview'])
   .config(['$routeProvider', ($routeProvider) => {

            $routeProvider.when(`/`, {
                template: '<componentA></componentA>'
            });

            ...
            // other routes that still work; controllers defined within app module
}])
...

//概述/index.js
导出默认角度.module（'overview'，[]）.name；
//组件a.js
（功能（）{
常量分量A={
选择器：'componentA'，
模板：'path/to/template.html'，
绑定：{}，
constrollerAs:'ctrl'，
控制器：函数（）{
console.log（“组件A”）；
}
};
角度。模块（“概述”）。组件（组件A.选择器组件A）；
})();
//app.js
从“/Overview/index.js”导入概述；
const app=angular.module（'app'，['ngRoute'，'Overview']））
.config（['$routeProvider'，（$routeProvider）=>{
$routeProvider.when（`/`{
模板：“”
});
...
//其他仍然有效的路由；应用程序模块中定义的控制器
}])
...

我无法判断模块语法是否正确，或者它是否只是找不到用于渲染的组件

---

有没有关于我哪里出错的想法？

Jeff Hiatt，我相信您会在app.js中添加一个对

概述

组件的引用作为指示。这将添加在

app

const的定义之后：

app.directive('componentA', Overview)

错误源于“模板：'路径…”；修复程序正在将模板更改为templateUrl