即使没有使用 DI，ng-strict-di 也会抛出错误

Question

我正在关注 AngularJS 的教程，使用的 ng-strict-di 似乎存在问题。我确实明白它的用途，但我不明白它为什么会抛出错误

未捕获的错误：[$injector:modulerr] 无法实例化模块 ng，原因是： 错误：[$injector:strictdi] 函数（$provide）没有使用显式注解，不能在严格模式下调用

即使我还没有在项目中使用任何 DI。此外，我在源代码的任何地方都找不到代码function($provide)，这显然会产生此错误（缺少 DI 注释）。通过node_modules 包含的库之一是否可能会产生此错误？如果我删除 ng-strict-di 指令，应用程序会运行。

/Edit: 好像是线条

    modules = modules || [];
modules.unshift(['$provide', function($provide) {
  $provide.value('$rootElement', element);
}]);

负责抛出此错误。但是那些在AngularJS库本身，所以我不明白...

Answer 1

ng-strict-di 告诉 angularjs 在严格模式下初始化依赖注入器。也就是说，你必须像这样声明注入：

// using explicit annotations
.controller('GoodController1', ['$scope', function($scope) {
  $scope.a = 1;
  $scope.b = 2;
}])

而不是这样：

// not using annotations
.controller('BadController', function($scope) {
  $scope.a = 1;
  $scope.b = 2;
})

Explicit annotations 旨在保护您的依赖项在 minify/uglify 之后的名称，因为该过程会更改参数名称，从而阻止 angularjs 识别要在哪里注入哪个组件。此外，启用ngStrictMode 可以帮助您确保所有依赖项都被显式注释（例如，['$scope', function($scope){}]），因此可以防止丑化过程。

参考：ngApp

正如下面的 sn-p 所证实的那样，其他模块确实会影响 ngStrictDi 行为，因此，如果您在应用程序上使用任何第三方模块，则有可能其中一个（如果不是很多）是造成这种情况。

angular.module('myApp', ['myModule'])
  .controller('badController1', function() { })

angular.module('myModule', [])
  .controller('badController2', function($scope) { })

<div ng-app="myApp" ng-strict-di>
  <div ng-controller="badController1"></div>
  <div ng-controller="badController2"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.js"></script>

总之，如果你没有丑化你的代码，你可以将它从你的ngApp 元素中删除，一切都会好起来的。但是，如果您这样做是为了提醒您保护依赖项的名称，请确保您的应用程序使用的所有模块在声明组件时都使用显式注释（通常库的生产构建已经被注释）。