Rails 4.0+AngularJS 1.5中ng-strict-di不识别ngInject注解问题

我之前帮不少开发者踩过这个Rails + AngularJS strict-di的坑，咱们一步步来排查和解决：

1. 先确认ng-annotate-rails的配置是否到位 #

首先得确保ng-annotate在Rails的资产管道里正常工作：

• 检查Gemfile里有没有添加 gem 'ng-annotate-rails'，如果没有的话加上，然后运行 bundle install。
• 在配置文件里启用它：如果是生产环境，修改config/environments/production.rb，添加或设置：

  config.assets.js_compressor = :ng_annotate
  

  重点提醒：开发环境默认不会压缩JS，所以ng-annotate默认不会处理你的代码，这也是很多人在开发环境碰到这个报错的核心原因！如果要在开发环境测试，你可以临时在config/environments/development.rb里加上上面那行配置，或者关闭debug模式（config.assets.debug = false），然后重启Rails服务器。

2. 调整CoffeeScript的ngInject写法 #

你的控制器写法是ApplicationController = ( $scope, $timeout, hotkeys, ShortcutService) -> "ngInject"，这种写法有时候会因为CoffeeScript的转译逻辑，导致ng-annotate无法识别注解。建议调整成更明确的写法：

ApplicationController = ( $scope, $timeout, hotkeys, ShortcutService) ->
  # 这里写你的控制器逻辑
  "ngInject"

如果还是不行，可以暂时用Angular原生的数组式依赖注入写法（这是strict-di肯定能识别的方式）：

ApplicationController = [
  '$scope', '$timeout', 'hotkeys', 'ShortcutService'
  ($scope, $timeout, hotkeys, ShortcutService) ->
    # 控制器逻辑
]

3. 验证转译后的JS是否正确 #

打开浏览器开发者工具，找到你的控制器对应的JS文件，查看转译后的代码。如果ng-annotate生效了，代码应该变成类似这样的数组形式：

ApplicationController = ['$scope', '$timeout', 'hotkeys', 'ShortcutService', function($scope, $timeout, hotkeys, ShortcutService) {
  // ... 控制器逻辑
}];

如果还是原来的函数形式，说明ng-annotate没正常工作，回到第一步检查配置。

4. 排查其他潜在问题 #

• 检查服务名称的大小写：比如ShortcutService是否和你定义的服务完全一致，strict-di对拼写错误零容忍。
• 确保所有依赖的模块（比如你注入的hotkeys模块）也正确处理了依赖注入，不能有遗漏的注解。

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