Angular 6 是一种流行的前端开发框架，它提供了许多强大的功能和工具，使得构建复杂的 Web 应用程序变得更加容易。但是，在构建 Angular 6 项目时，有时会遇到一些错误，这些错误可能会使您的项目无法正常工作。在本文中，我们将讨论一些常见的 Angular 6 构建错误，并提供修复方法和示例代码。
1. 错误：找不到模块“@angular-devkit/build-angular”
这是一个常见的错误，它通常在您尝试构建 Angular 6 项目时出现。这个错误的原因是，您的项目缺少一些必要的依赖项。要解决这个问题，您需要执行以下步骤：
在命令行中输入以下命令：
npm install --save-dev @angular-devkit/build-angular等待安装完成后，重新构建您的项目，这个错误应该就会消失了。
2. 错误：找不到模块“rxjs/operators”
这个错误通常发生在您的项目中使用了 RxJS 6 的运算符时。要解决这个问题，您需要执行以下步骤：
在命令行中输入以下命令：
npm install --save rxjs-compat在您的代码中，将所有的
rxjs/operators引用替换为rxjs-compat/operators。重新构建您的项目，这个错误应该就会消失了。
以下是一个示例代码：
-- -------------------- ---- -------
------ - ---------- - ---- -------
------ - --- - ---- ------------------------
----- -------- ------------------ - ---------------- -- ---
-------
------
------- ------- -- - - --
-
-------------- ------- -- ----------------3. 错误：错误TS2307：无法找到模块“@angular/core”
这个错误通常发生在您的项目中缺少了 @angular/core 模块时。要解决这个问题，您需要执行以下步骤：
在命令行中输入以下命令：
npm install --save @angular/core如果您的项目已经安装了
@angular/core，请确保您的tsconfig.json文件中包含以下内容：
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@angular/*": ["node_modules/@angular/*"]
}
}
}- 重新构建您的项目，这个错误应该就会消失了。
结论
在本文中，我们讨论了一些常见的 Angular 6 构建错误，并提供了解决这些错误的方法和示例代码。当您遇到这些错误时，请不要惊慌，按照本文中的步骤进行操作，您的项目应该会正常工作。同时，我们也建议您仔细阅读 Angular 6 的文档，以便更好地理解框架的工作原理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6754eef21b963fe9cc512c49