Angular AOT组件中的相对路径

时间:2016-10-10 18:44:08

标签: angular relative-path aot

我在这里问,因为我无法在线找到完整的文档。 示例here太简单了。 我有一个包含多个组件和一些模块的应用程序。用ngc编译后,我遇到了很多错误。我发现修复它们的方法是使用相对路径。 所以我在所有组件中都使用了' moduleId:module.id, '。 但现在编译器告诉我: ' 找不到名称'模块' '

据我了解,这是因为我正在为AoT声明以下编译选项:

{
  "compilerOptions": {
    "target": "es5",
   ---> "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": true,
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true
  },

  "angularCompilerOptions": {
   "genDir": "aot",
   "skipMetadataEmit" : true
 }
}

而不是使用 “module”:“commonjs”, 。 我该如何解决这个问题?

如何在生成AOT构建的同时使用相对路径?

谢谢!

1 个答案:

答案 0 :(得分:0)

快速(也许是脏)修复只是将路径直接写为moduleId参数中的字符串。

所以而不是:

moduleId: module.id

写:

moduleId: 'path/to/my/app/'

这可以在开发期间与组件相对路径一起使用,并且在创建AoT捆绑时,ngc不会抱怨没有找到module.id。