Angular 6:无法从angular.json正确加载脚本

在Angular 6项目中，angular.json文件是用于配置项目的构建选项和开发环境的重要文件。如果你遇到无法从angular.json正确加载脚本的问题，可能是由于以下几个原因：

基础概念

angular.json文件是Angular CLI用来定义项目构建配置的JSON文件。它包含了项目的构建设置、脚本引用、样式表以及其他资源的路径信息。

可能的原因

1. 路径错误：脚本文件的路径可能不正确，导致Angular CLI无法找到并加载它们。
2. 语法错误：angular.json文件中的JSON格式可能有误，导致解析失败。
3. 权限问题：文件系统权限可能阻止了Angular CLI读取脚本文件。
4. 依赖未安装：引用的脚本可能依赖于某些npm包，而这些包未被正确安装在node_modules目录中。

解决方法

1. 检查路径： 确保脚本文件的路径是相对于angular.json文件的正确路径。例如：
2. 检查路径： 确保脚本文件的路径是相对于angular.json文件的正确路径。例如：
3. 验证JSON格式： 使用在线JSON验证工具（如jsonlint.com）来检查angular.json文件是否有语法错误。
4. 检查文件权限： 确保Angular CLI有足够的权限读取项目目录中的文件。
5. 安装依赖： 如果脚本依赖于特定的npm包，确保这些包已经通过npm安装：
6. 安装依赖： 如果脚本依赖于特定的npm包，确保这些包已经通过npm安装：
7. 重启开发服务器： 修改angular.json后，可能需要重启Angular开发服务器以使更改生效。

示例代码

假设你想在angular.json中添加一个外部JavaScript库，你可以这样做：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "your-project-name": {
      ...
      "architect": {
        "build": {
          "options": {
            ...
            "scripts": [
              "node_modules/some-library/dist/some-library.min.js"
            ]
          }
        },
        ...
      }
    }
  }
}

确保some-library已经通过npm安装在node_modules目录中。

应用场景

这种配置通常用于引入第三方JavaScript库，比如地图API、图表库或其他需要在全局作用域下运行的脚本。

通过以上步骤，你应该能够解决无法从angular.json正确加载脚本的问题。如果问题仍然存在，建议查看终端输出的错误信息，以便进一步诊断问题所在。