如何在 Angular 中使用 chrome 扩展？答案

【问题标题】：How to use chrome extension in Angular?如何在 Angular 中使用 chrome 扩展？
【发布时间】：2020-02-03 08:56:42
【问题描述】：

如何在我的 Angular 应用中使用 chrome？在我的 app.module 中

export const CHROME = new InjectionToken('CHROME');

和

providers: [...{ provide: CHROME, useValue: window.chrome } ...],

为我服务

/// <reference types="chrome"/>
import { chrome } from '@types/chrome';

constructor(  @Inject(CHROME) private chrome: chrome) {
  }

但我有一个错误：

TS2306：文件 'C:/Users/Sergey/Desktop/someProject/node_modules/@types/chrome/index.d.ts' 不是一个模块。 TS6137：无法导入类型声明文件。考虑导入“chrome”而不是“@types/chrome”。

【问题讨论】：

【解决方案1】：

我不知道它有多正确，但它帮助了我：添加 .d.ts 文件，其中 'declare let chrome'。

【讨论】：