如何使用 webpack require 和 'no-any' tslint 规则？

Question

我使用 ionic 生成了一个 ionic 4 项目：ionic start app sidemenu --type=angular。我现在想使 linting 规则更严格并引入 'no-any'。但不幸的是，linting 失败了。它给了我：

$ ng lint app
Linting "app"...

ERROR: ./src/test.ts[10, 24]: Type declaration of 'any' loses type-safety. Consider replacing it with a more precise type.

Lint errors found in the listed files.

问题出在这一行：

declare const require: any;

此文件的：

// This file is required by karma.conf.js and loads recursively all the .spec and framework files

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

declare const require: any;

// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);

我怀疑require是webpack提供的。如果我理解正确，它应该在 @types/webpack/index.d.ts 中声明，我必须从 webpack 中包含它，这将在 @types 中查找它。但是，我找不到它被声明 there

我该如何解决这个问题？

Answer 1

require 是 CommonJS (CJS) 模块系统的一部分。 require 的类型可以在 @types/node 或 @types/webpack-env 包中找到。从 npm 安装其中之一：

npm install --save-dev @types/node

如何使用 webpack require 和 'no-any' tslint 规则？

How to use webpack require with 'no-any' tslint rule?

typescript

webpack

tslint

ionic4