require - Angular 6::找不到名称 'require'

Question

我的项目是使用 angular cli [版本 - 6.1.3] 创建的。
我安装了 npm 模块 - is-reachable并在我的代码中使用它作为 -

const isReachable = require('is-reachable');

appDetailsFromJson.forEach(app => {
        isReachable(app.server).then(reachable => {
          console.log('Hey --> ',reachable);
            //=> true
      });

但是，在运行项目时会引发异常 - 错误 TS2304:找不到名称“require”。

造成这种情况的根本原因是什么？在 angular 6 中导入库的正确方法是什么？

Answer 1

来自 NPM page of isReachable它说(我的重点):

Works in Node.js and the browser (with browserify).

这意味着它不太可能在 Angular 应用程序中原生工作，因为 Angular CLI 使用 webpack 和标准 typescript 编译器(而不是 browserify)来解决导入和包依赖关系。

一般来说，Angular 中的导入是 standard ES6-style 'import' statements ，例如:

import { isReachable } from 'is-reachable';

... 或者 ...

import * as isReachable from 'is-reachable';

如果 is-reachable 本身不使用任何进一步的 require() 语句，这可能会起作用，但如果它在自己的代码中使用 require 来引入其依赖项，那么让它工作起来会遇到很多困难- 几乎可以肯定，找到一种不同的方法来满足您的要求会更好。