发布至Azure时出现三类AngularJS错误，本地运行无异常求助

嘿，我来帮你捋捋部署到Azure时碰到的这几个AngularJS问题～本地跑正常但云端出问题，基本都是脚本加载、资源路径或者代码细节的锅，咱们逐个拆解：

先搞定连锁报错：angular is not defined & Cannot read property 'module' of undefined #

这俩其实是同一个根源导致的——AngularJS的核心库没加载成功，所以你的业务代码里调用angular.module()时找不到angular对象。具体排查点：

• 检查CDN链接完整性：你贴的代码里CDN路径是https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular....，明显没写完！完整的应该是https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js（非压缩版用angular.js也可以），路径缺半截肯定加载失败。
• 严格控制脚本加载顺序：必须把AngularJS核心脚本放在所有自定义Angular代码（比如你的模块、控制器脚本）前面，举个正确的例子：

  <head>
    <meta charset="utf-8" />
    <title>Sales Web App</title>
    <link rel="stylesheet" href="CSS/Style.css" type="text/css" />
    <!-- 先加载Angular核心库 -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <!-- 再加载你的自定义业务脚本 -->
    <script src="app/app.module.js"></script>
    <script src="app/controllers/sales.controller.js"></script>
  </head>
  

• 修正相对路径问题：如果你想用本地的Angular文件（就是你注释掉的../angular/angular.js），部署到Azure后要注意相对路径是否适配服务器目录结构。本地的../可能在云端指向错误的位置，建议改成根相对路径，比如/angular/angular.js（前提是你的项目根目录下确实有angular文件夹）。

处理Invalid or unexpected token错误 #

这个报错一般是JS代码有语法问题，或者文件加载不完整、编码异常导致的：

• 排查自定义JS的语法问题：本地浏览器可能对小的语法错误容错性高，但云端服务器解析更严格。你可以打开部署后的页面，按F12调出开发者工具，看控制台里具体报错的行号，检查有没有遗漏分号、引号不匹配，或者用了AngularJS 1.6不支持的ES6语法（比如箭头函数，要改成普通函数）。
• 确认文件编码：确保所有JS文件都是UTF-8编码，避免特殊字符导致解析失败。
• 检查文件上传完整性：Azure部署时偶尔会出现文件没传全的情况，比如你的某个自定义JS文件只传了一半，加载到一半就中断，自然会出现无效token错误。你可以登录Azure门户，查看App Service或者存储账户里的文件目录，确认所有脚本文件都存在且大小和本地一致。

额外的实用排查技巧 #

• 部署后打开浏览器开发者工具的Network标签，刷新页面，看所有JS文件的加载状态：如果某个文件显示404，直接修正路径就行；如果是加载超时，考虑换个CDN或者用本地文件测试。
• 临时把CDN换成本地Angular文件，排除CDN访问异常的可能（虽然Azure访问谷歌CDN大多没问题，但特殊场景下也可能出状况）。

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