在Xcode模拟器中运行Ionic 1项目功能失效求助

兄弟，我之前也踩过Ionic 1 iOS构建的类似坑，给你整理几个亲测有效的解决方案，你挨个试试：

• 检查并调整内容安全策略（CSP）
  这是最常见的诱因！iOS的WebView对CSP的限制比浏览器和Android严格得多，Angular 1的模板编译（也就是你看到的{{variable_here}}语法）依赖unsafe-eval，而iOS默认会阻止这个规则。
  打开项目根目录的index.html，修改CSP的meta标签为：

  <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;">
  

  重点是一定要包含'unsafe-eval'，这是模板语法生效的关键。

• 验证ui-router的状态与依赖注入
  虽然浏览器里正常，但iOS WebView对Angular的依赖注入检查更严格：

  1. 确保状态定义的模板路径是相对路径，比如templateUrl: 'templates/home.html'，不要用绝对路径
  2. 控制器的依赖注入不要省略数组写法，避免压缩或iOS环境下的注入失败：

     angular.module('app').controller('HomeController', ['$scope', '$state', function($scope, $state) {
       $scope.navigate = function() {
         $state.go('app.targetPage'); // 这里的$state调用才不会出问题
       };
     }]);
     

• 彻底清理iOS平台后重新构建
  Ionic 1的Cordova缓存很容易出问题，尤其是跨平台切换时。执行以下命令：

  ionic cordova platform rm ios
  # 选一个和Ionic 1兼容的iOS平台版本，推荐4.x系列，太新的版本不兼容旧框架
  ionic cordova platform add ios@4.5.5
  ionic cordova build ios --verbose --prod
  

• 检查Xcode的WebView相关配置
  打开Xcode项目后：

  1. 找到Info.plist，添加NSAppTransportSecurity字典，加入NSAllowsArbitraryLoads并设为true，避免ATS阻止本地资源加载
  2. 确保Build Settings里的Deployment Target设置为iOS 9.0及以上（Ionic 1的最低兼容版本）

• 用Safari调试定位具体错误
  这一步能帮你精准找到问题：

  1. 在iOS模拟器里启动你的应用
  2. 打开Mac上的Safari，顶部菜单选择开发 -> 模拟器 -> 你的应用名称
  3. 查看控制台的错误信息，比如是否有JS文件加载失败、Angular注入报错等，很多时候控制台会直接告诉你问题根源

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