在使用 Angular 开发应用程序时，可能会遇到一些编译错误。其中一个常见的错误是无法找到模块 '@angular/http'。这个错误通常出现在升级到 Angular 8 或更高版本时，因为在这些版本中，@angular/http 模块已被弃用。
在本文中，我们将介绍如何解决这个编译错误，并提供一些实用的指导意义和示例代码。
问题分析
首先，我们需要确定为什么会出现这个编译错误。在 Angular 8 或更高版本中，@angular/http 模块已被弃用，取而代之的是 @angular/common/http 模块。因此，如果您的代码中使用了 @angular/http 模块，编译时就会出现错误。
解决方案
为了解决这个问题，我们需要将 @angular/http 模块替换为 @angular/common/http 模块。
步骤 1：更新依赖项
首先，打开 package.json 文件，并将 @angular/http 模块替换为 @angular/common/http 模块。
例如：
-- -------------------- ---- -------
-
------- ---------
--------------- -
------------------ ---------
-------------------- ---------
---------------- ---------
-- - ------------- ----- -------------------- --
----------------------- ---------
---
-
-然后运行以下命令，更新依赖项：
npm install
步骤 2：更新代码
接下来，需要更新代码中引用 @angular/http 模块的部分。
例如，如果你的代码中有以下行：
import { Http } from '@angular/http';那么应该将其替换为：
import { HttpClient } from '@angular/common/http';或者，在需要发起 HTTP 请求的地方使用相应的 HttpClient 方法。以下示例代码演示了如何使用 HttpClient 发起 GET 请求：
-- -------------------- ---- -------
------ - ---------- - ---- -----------------------
------ - ---------- - ---- -------
---
------ ----- --------- -
------------------- ----- ----------- - -
-------------- --------------- -
------ ----------------------------------------
-
-步骤 3：重新编译应用程序
当您更新代码并保存文件后，您需要重新编译应用程序。您可以运行以下命令来编译应用程序：
ng build
如果编译成功，恭喜，您已经成功解决了编译错误！
总结
在本文中，我们介绍了如何解决在 Angular 应用程序中出现的编译错误：“无法找到模块 '@angular/http'”。我们强调了 @angular/http 模块已经被弃用，并提供了如何将其替换为 @angular/common/http 模块的步骤和示例代码。
我们希望这篇文章能够对解决这个常见问题有所帮助，并能够提供对 Angular 开发的更深入理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64feda3395b1f8cacdd85bff