已在index.html引入angular.min.js，app.js仍报'angular未定义'错误

这个错误是ESLint静态代码检查规则触发的，和代码本身的运行逻辑无关——这就是为什么你的网页在Chrome里能正常运行，但ESLint会报错的核心原因。

为什么会出现这个矛盾？ #

ESLint的no-undef规则会严格检查所有未显式声明的变量，但它是静态代码检查工具，不会去解析HTML文件里的脚本依赖关系。你通过<script>标签引入了AngularJS，但ESLint不知道angular是一个全局可用的变量，所以会抛出'angular' is not defined的提示。

而浏览器运行时，会按照HTML里的脚本加载顺序，先加载angular.min.js并把angular挂载到全局window对象上，等执行app.js时这个变量已经存在，所以代码能正常运行。

解决方法（三种可选） #

1. 代码内声明全局变量（快速临时方案）

在app.js的最顶部添加一行注释，直接告诉ESLintangular是全局变量：

/* global angular */
// MODULE
var angularApp = angular.module('angularApp', []);
// ... 剩余代码

2. 配置ESLint全局变量（推荐项目级方案）

在你的ESLint配置文件（比如.eslintrc.json、.eslintrc.js，或者package.json里的eslintConfig字段）中，把angular加入全局变量列表：

{
  "globals": {
    "angular": true
  }
}

配置完成后，整个项目里的ESLint都会自动识别angular为全局变量，不会再触发这个错误。

3. 使用AngularJS专用ESLint插件

安装eslint-plugin-angular插件，它内置了AngularJS相关的全局变量识别和专属代码规则，能更精准地适配Angular项目：

npm install eslint-plugin-angular --save-dev

然后在ESLint配置中启用插件：

{
  "plugins": ["angular"],
  "extends": ["plugin:angular/recommended"]
}

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