缩小 JavaScript 时出现 Angular 注入器错误

Question

我一直在努力寻找解决这个问题的方法：

\n\n

我在我的网站上使用 Angular.js。

\n\n

我使用 CoffeeScript 在 Visual Studios 2012 中编写 JavaScript。当我保存 CoffeeScript 时，JavaScript 文件的缩小版本和未缩小版本都会被保存。

\n\n

在我的网页上使用 JavaScript 文件的任何缩小版本时，我不断收到此错误：

\n\n

错误: $injector:unpr\n未知提供程序\n未知提供程序: nProvider <- n\n此错误是由于 $injector 无法解析所需的依赖项而导致的。要解决此问题，请确保依赖项的定义和拼写正确。例如：

\n\n

如果我不\xe2\x80\x99t 使用缩小版本，一切正常。

\n\n

以下是我如何使用 Angular 在每个 JavaScript 文件中声明我的应用程序

\n\n

(function() {\n  var myApp;\n\n  myApp = angular.module("myApp", [\'uploaddirective\']);\n\n  myApp.controller("videoController", function($scope, $http, $compile) {\n

\n\n

谁能帮我解决这个问题？

\n

Answer 1

使用数组表示法进行缩小安全依赖注入：

myApp.controller("videoController", ['$scope', '$http', '$compile', function($scope, $http, $compile) {

另一种选择是使用构建任务自动为您注释注入：

// @ngInject
myApp.controller("videoController", function($scope, $http, $compile) {

为此，您将需要 grunt 或 gulp 插件，例如ngAnnotate。

https://docs.angularjs.org/guide/di