AngularJS-缩小错误

AngularJS - minification error

本文关键字：错误 缩小 AngularJS-      更新时间：2023-09-26

我正在尝试缩小我的angular应用程序中的js文件。我知道在依赖注入和缩小方面有一些问题，但我觉得我遵循了我在互联网上找到的最佳实践。

这是我的代码结构：

我的提供商：

function myPvdr() {
  this.getUrl = function() {
    return 'http://some/api/call';
  };
  this.$get = function($q, $http) {
    var self = this;
    return {
      getData: function(points) {
        var d = $q.defer();
        $http({
          method: 'GET',
          url: self.getUrl(),
          cache: true
        }).success(function(data) {
          d.resolve(data);
        }).error(function(err) {
          d.reject(err);
        });
        return d.promise;
      }
    }
  }
}

我的控制器：

function myCtrl($scope, MyProvider, localStorageService) {
     // some code
}

我的模块：

angular.module('myApp', ['LocalStorageModule', 'ngAnimate'])
  .provider('MyProvider', myPvdr)
  // Loading controllers into the module
  .controller('myCtrl', ['$scope', 'MyProvider', 'localStorageService', myCtrl])

未经修饰时效果良好。但在使用grunt的丑陋任务后，我在控制台上打印了以下错误：

Error: [$injector:unpr] http://errors.angularjs.org/1.3.0-rc.2/$injector/unpr?p0=aProvider%20%3C-%20a%20%3C-%20MyProvider

我做错了什么？

您没有确保代码的最小化安全：

有两种选择，$injecting或在声明函数时内联添加它，并使用带引号的数组（引号中的东西不会缩小）

https://docs.angularjs.org/tutorial/step_05

在控制器函数上创建$inject属性，该属性包含一个字符串数组。数组中的每个字符串都是要为相应参数注入的服务的名称。在我们的例子中，我们会写：

function PhoneListCtrl($scope, $http) {...}
PhoneListCtrl.$inject = ['$scope', '$http'];
phonecatApp.controller('PhoneListCtrl', PhoneListCtrl);

使用内联注释，其中不只是提供函数，而是提供数组。此数组包含一个服务名称列表，后跟函数本身。

function PhoneListCtrl($scope, $http) {...}
phonecatApp.controller('PhoneListCtrl', ['$scope', '$http', PhoneListCtrl]);

如果您已经在使用grunt，请考虑使用grunt-ng注释任务。ng注释是一个工具，可以在需要的地方自动插入适合缩小的语法。

相关文章：