将自定义TS定义传递给Angular 2 AOT编译器

将自定义TS定义传递给Angular 2 AOT编译器,angular,typescript,angular2-aot,Angular,Typescript,Angular2 Aot,我正在使用ngc编译器提前编译Angular 2应用程序。在我的应用程序的一部分中,我使用了通知API,默认情况下,TypeScript不包含该API。当我运行ngc时,它会抱怨: c:\xampp\htdocs\project\_dev>"node_modules/.bin/ngc" -p tsconfig.aot.json Error: Error at c:/xampp/htdocs/project/_dev/src/app/shared/notify.service.ts:34:1

我正在使用
ngc
编译器提前编译Angular 2应用程序。在我的应用程序的一部分中,我使用了通知API,默认情况下,TypeScript不包含该API。当我运行ngc时,它会抱怨:

c:\xampp\htdocs\project\_dev>"node_modules/.bin/ngc" -p tsconfig.aot.json
Error: Error at c:/xampp/htdocs/project/_dev/src/app/shared/notify.service.ts:34:17: Cannot find name 'Notification'.
Error at c:/xampp/htdocs/project/_dev/src/app/shared/notify.service.ts:35:17: Cannot find name 'Notification'.
Error at c:/xampp/htdocs/project/_dev/src/app/shared/notify.service.ts:35:61: Cannot find name 'NotificationPermission'.
Error at c:/xampp/htdocs/project/_dev/src/app/shared/notify.service.ts:56:36: Cannot find name 'Notification'.
    at check (c:\xampp\htdocs\project\_dev\node_modules\@angular\tsc-wrapped\src\tsc.js:31:15)
    at Tsc.typeCheck (c:\xampp\htdocs\project\_dev\node_modules\@angular\tsc-wrapped\src\tsc.js:86:9)
    at c:\xampp\htdocs\project\_dev\node_modules\@angular\tsc-wrapped\src\main.js:33:23
    at process._tickCallback (internal/process/next_tick.js:103:7)
    at Module.runMain (module.js:606:11)
    at run (bootstrap_node.js:394:7)
    at startup (bootstrap_node.js:149:9)
    at bootstrap_node.js:509:3
Compilation failed
我有一个用于window.Notification对象及其方法的自定义TS定义文件,但是如何告诉ngc编译器该文件所在的位置

我的tsconfig.json文件:

{
    "compilerOptions": {
        "target": "es5",
        "module": "es2015",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "lib": ["es2015", "dom"],
        "noImplicitAny": false,
        "suppressImplicitAnyIndexErrors": true,
        "skipLibCheck": true,
        "outDir": "./compiled"
    },

    "files": [
        "./src/app/app.module.ts",
        "./src/main.aot.ts"
    ],

    "angularCompilerOptions": {
        "genDir": "aot",
        "skipMetadataEmit": true
    }
}
我想出来了:

  • 在我的项目的根目录中创建了一个文件夹
    custom\u typings
  • 创建了一个名为
    notification
    的子文件夹,其中包含一个名为
    index.d.ts
    的字段,其中包含我的自定义ts定义
  • 将以下内容添加到我的tsconfig文件的
    编译器选项中
:

编译器会自动选择它,一切正常

"typeRoots": [
    "./custom_typings",
    "./node_modules/@types"
]