angular - 升级到 Angular 9 后，无法在类型文件中找到变量

Question

我有一个对外部日志记录组件的引用(在 js 文件中引用)，我已在类型文件中定义了该组件

typings.d.ts

declare var LogglyTracker;

我已将 Angular 应用程序从版本 8 升级到版本 9，现在当我运行 ng build 时，出现以下错误

ERROR in src/app/error/loggly.service.ts:13:29 - error TS2304: Cannot find name 'LogglyTracker'.

有谁知道解决此问题的推荐方法是什么？这段代码在 Angular 8 中运行良好。

@Injectable()
export class LogglyLoggerService {

// https://github.com/loggly/loggly-jslogger
private loggly: any = new LogglyTracker(); //!! Error here
}

Answer 1

从 Angular 7 迁移到 Angular 9 后遇到了同样的问题。

我个人只需在 tsconfig.app.json 中添加一行即可。

之前:

{
    "extends": "../tsconfig.json",
    "compilerOptions": {
        "outDir": "../out-tsc/app",
        "types": [
            "node"
        ]
    },
    "files": [
        "main.ts",
        "polyfills.ts"
    ],
    "include": [
        "src/**/*.d.ts"
    ]
}

之后:

{
    "extends": "../tsconfig.json",
    "compilerOptions": {
        "outDir": "../out-tsc/app",
        "types": [
            "node"
        ]
    },
    "files": [
        "main.ts",
        "polyfills.ts"
    ],
    "include": [
        "src/**/*.d.ts",
        "typings.d.ts" // add this line
    ]
}

<小时/>

我假设您在迁移到 Angular 9 之前已经在 tsconfig.json 中进行了更改。如果没有，这里是:

{
    ...
    "compilerOptions": {
        ...
        "typeRoots": [
            "node_modules/@types",
            "src/typings.d.ts"
        ],
        ...
    }
}