找不到名称 json angular 7

当在 Angular 7 项目中进行开发时，可能会遇到“找不到名称 json”的错误。该错误通常表示编译器无法找到所需的 JSON 文件或其名称在代码中被错误地引用。

以下是一些可能引起此错误的常见原因和解决方法：

原因：

1. 无法找到 JSON 文件

angular 编译器在编译时需要访问所有包含在项目中的文件，如果缺少某个文件，则可能会出现此错误。

2. JSON 文件未正确引用

JSON 文件可能未被正确引用或名称错误发生拼写错误。

3. 编译器配置问题

编译器可能未正确配置以识别 JSON 文件。

解决方法：

1. 确认 JSON 文件存在

要解决此错误，请确保 JSON 文件存在于项目中。您可以通过进入项目目录并使用命令行查找文件来验证文件是否存在：

find . -name filename.json

2. 检查 JSON 文件名称的引用

如果您确定文件存在但仍然遇到此错误，那么您需要检查 JSON 文件的名称是否正确地在项目的代码中引用：

import { data } from './filename.json';

3. 检查编译器配置

如果您已经确认 JSON 文件存在且正确引用，但仍然遇到此错误，请检查编译器是否正确配置以识别 JSON 文件。

在 angular.json 文件中，您可以添加以下选项来确保编译器正确编译 JSON 文件：

"test": {
  "builder": "@angular-devkit/build-angular:karma",
  "options": {
    "assets": [
      "src/assets",
      "src/favicon.ico",
      {
        "glob": "**/*.json",
        "input": "src/",
        "output": "/"
      }
    ],
    "styles": [
      "src/styles.css"
    ],
    "scripts": []
  }
}

在这个示例中，我们将 glob 属性设置为 **/*.json，这意味着编译器将查找项目中的所有 JSON 文件并将它们复制到输出目录中。

为了重新编译项目并查看更改是否生效，请运行以下命令：

ng serve

使用以上方法可以避免遇到“找不到名称 json”的错误，并确保您的 Angular 7 项目充分利用 JSON 文件中的数据。