基础AngularJS的ng-app功能失效，本地文件加载问题排查求助

一、验证本地angular.js文件有效性 #

• 校验文件完整性
  1. 哈希值对比：下载对应版本（如1.8.2）的CDN文件，通过命令行计算哈希值——Windows用certutil -hashfile angular.js SHA256，Mac/Linux用shasum -a 256 angular.js，和本地文件的哈希值对比，一致则说明文件未损坏。
  2. 直接查看内容：打开本地angular.js，拉至末尾确认是否有完整的版本注释（如`/**

• @license AngularJS v1.8.2
• (c) 2010-2020 Google LLC. http://angularjs.org
• License: MIT
  */`），若文件为空或内容截断，说明下载失败。

二、排查本地文件加载问题 #

• 检查路径正确性
  1. 匹配文件位置：若HTML与angular.js在同一目录，script标签应为<script src="angular.js"></script>；若在子目录（如js文件夹），则写<script src="js/angular.js"></script>；上级目录用../angular.js。
  2. 浏览器直接访问路径：在地址栏输入本地文件的绝对路径（如file:///C:/project/angular.js或本地服务器地址http://localhost:8080/angular.js），能正常显示文件内容则路径无误，出现404说明路径错误。
• 查看浏览器网络请求
  打开F12开发者工具的Network标签页，刷新页面后查看angular.js的请求状态：
  • 404状态码：文件找不到，路径错误；
  • 200状态码但内容异常：文件损坏或路径指向错误文件；
  • 403状态码：服务器禁止访问，检查文件权限或服务器配置。
• 检查script标签写法
  确认标签无拼写错误（如src写成scr）、引号闭合，且不要在同一script标签内同时写src属性和内部代码。

三、快速测试示例 #

将以下代码放在与angular.js同一目录，用本地服务器打开：

<!DOCTYPE html>
<html ng-app>
<head>
    <title>Angular Test</title>
</head>
<body>
    10 + 20 = {{ 10+20 }}
    <script src="angular.js"></script>
</body>
</html>

若仍无法渲染，按上述步骤逐一排查。

内容的提问来源于stack exchange，提问作者Raj