Angular CLI 是一个功能强大的工具，它可以加速 Angular 应用程序的创建和开发过程。然而，在运行应用程序时，可能会遇到各种错误。其中，最常见的错误之一就是“无法找到”错误。这种错误通常意味着 Angular CLI 找不到需要的文件或服务。在本文中，我们将探讨如何解决这种错误，并提供一些示例代码和学习资源。
问题描述
当您使用 Angular CLI 创建并运行一个新的 Angular 应用程序时，您可能会遇到以下错误之一：
Cannot find module '@angular/core'.
Cannot find module '@angular/router'.
这些错误通常表示 Angular CLI 无法找到所需的模块或库。例如，在上面的错误消息中，Angular CLI 无法找到核心模块或路由模块。
解决方案
解决这种“无法找到”错误的方法有很多种。下面是一些最常见的解决方案。
1. 确认安装了所需的模块
在使用 Angular CLI 开发 Angular 应用程序时，通常需要使用很多不同的模块。例如，一些常见的模块包括：
- @angular/core
- @angular/common
- @angular/forms
- @angular/http
- @angular/router
如果您遇到了“无法找到”错误，请先确认您已经正确安装了所需的模块。可以使用以下命令来安装这些模块：
npm install @angular/core --save npm install @angular/common --save npm install @angular/forms --save npm install @angular/http --save npm install @angular/router --save
2. 检查模块路径
如果您已经正确安装了所需的模块，但仍然收到“无法找到”错误消息，则可能需要检查模块路径。确保您已经正确导入了所需的模块，并且使用了正确的路径。
例如，如果您需要使用 @angular/core 模块，则需要导入该模块，并在代码中使用正确的路径。示例代码如下：
import { Component } from '@angular/core';如果您在导入/使用时使用了错误的路径，则可能会收到“无法找到”错误。因此，请确保使用正确的路径导入模块。
3. 清空缓存
如果以上两种方法都没有解决您的问题，则可以尝试清空缓存并重新编译您的应用程序。有时，缓存可能会导致错误，因此清空缓存可能会解决问题。
例如，您可以使用以下命令来清空缓存：
npm cache clean --force
4. 升级 Angular CLI
如果您仍然遇到“无法找到”错误，则可能是因为您使用的 Angular CLI 版本太旧。尝试将 Angular CLI 升级到最新版本，这可能会解决您的问题。
例如，您可以使用以下命令来升级 Angular CLI：
npm install -g @angular/cli@latest
示例代码
以下是示例代码，说明了如何在 Angular 应用程序中正确导入/使用某些常见的模块：
// 导入核心模块
import { Component } from '@angular/core';
// 导入路由模块
import { RouterModule, Routes } from '@angular/router';学习资源
如果您想深入学习 Angular CLI 的使用和开发，请参考以下资源：
- Angular 官方文档: https://angular.io/docs
- Angular CLI GitHub 仓库: https://github.com/angular/angular-cli
- Angular 官方博客: https://blog.angular.io/
总结
“无法找到”错误可能会一时让您束手无策。但是，只要您以正确的方式导入/使用模块，升级 Angular CLI 或者清空缓存，您就可以轻松地解决这些问题。请注意，这只是解决“无法找到”错误的一些常见方法。如果这些方法无法解决您的问题，请参考另外的资源，或者寻求 Angular 社区支持。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6500c38995b1f8cacdebad1b