Angular报错引入faker类库: error TS2580: Cannot find name 'require'.

Angular报错引入faker类库: error TS2580: Cannot find name ‘require’.

faker 是生成测试数据的一个js类库。

在 InMemoryDataService 中调用 fake 类库，可以生成不同的英雄姓名。但是，在引入 fake 类时却报错了，这是为什么呢？

报错详情

ERROR in src/app/services/in-memory-data.service.ts(6,13): 
error TS2580: Cannot find name 'require'. 
Do you need to install type definitions for node? 
Try `npm i @types/node`.

原因是在 ts 中无法调用 js 的 require 语法。

解决办法:

在使用 require 语法前增加一个声明“declare const require: any”。

declare const require: any; // <-- 新增
const faker = require('faker');

可以看下在Angular项目根目录的 test.ts 文件, 就有这个用法。

// test.ts
import 'zone.js/dist/zone-testing';
import {
    getTestBed } from '@angular/core/testing';
import {
   
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';

// <---- 这里有声明 require
declare