Angular AOT编译器无法在组件

Question

我正在努力完成我正在制作的应用程序（痛苦），但在指定组件的URL时遇到了一些障碍。

适用于AOT，但不适用于JIT

@Component({
  selector: "home-page",
  templateUrl: "./home.html",
  styleUrls: ["./home.css"]
})

适用于JIT，但不适用于AOT

@Component({
  selector: "home-page",
  templateUrl: "pages/home/home.html",
  styleUrls: ["pages/home/home.css"]
})

问题

为什么AOT编译器从组件根解析路径，而JIT编译器从项目根工作？什么是解决这个问题的标准，最佳实践方法？

更多详情

• 尝试运行npm run ngc（或node_modules/.bin/ngc -p tsconfig-aot.json）
时出现此错误
• 我的项目结构原本基于generator-ng-fullstack (via Yeoman)。
• 它没有使用Angular CLI或WebPack。
• Angular 4
• 这是我的tsconfig-aot.json。 （而且，这是我的JIT tsconfig.json）
• 作为参考，here是我的客户端源目录。

到目前为止我尝试了什么

• 事先尝试导入并阅读html模板和样式表，并将值作为字符串传递 - 但这是一种可怕的方法，并且不能正确
• 以多种不同方式指定模板和样式路径;
之间的相对，绝对和一切
• 搜索Angular回购中的问题，这是我发现的唯一一个相关的问题，但没有明确的结果：https://github.com/angular/angular/issues/11554
• 跟随官方Angular AOT documentation，逐字逐句，并且喜欢它是真正的圣经 - 但他们只是对这个问题感到满意
• 使用Yeoman生成器，有两个客户端目录，一个用于dev，另一个用于dist。 Gulp用于构建：dist。由于AOT只需要在dist中发生，也许潜在的解决方案可能是使用Gulp来改变build上的路径结构：dist？

非常感谢，我已经坚持了很久，所以任何意见或建议都会非常感激