在角度中使用aws-sdk-js时,“未定义AWS”

时间:2015-10-31 16:00:15

标签: angularjs amazon-web-services aws-sdk

this教程之后,使用angular实现AWS sdk,我从jshint获取AWS is not defined(使用grunt为应用程序提供服务)。

我已经使用bower install aws-sdk-js --save安装了sdk,它正确显示在我的index.html文件中。

这是我的控制者:

angular.module('myApp')
.controller('S3uploadCtrl', function ($scope) {

  console.log(AWS);
  $scope.creds = {
    bucket: 'myBucket',
    accessKey: 'accKey',
    secretKey: 'secKey'
  };

  $scope.upload = function() {
    // Configure The S3 Object
    AWS.config.update({ accessKeyId: $scope.creds.accessKey, secretAccessKey: $scope.creds.secretKey });
    AWS.config.region = 'us-west-2';
    var bucket = new AWS.S3({ params: { Bucket: $scope.creds.bucket } });

    if($scope.file) {
      var params = { Key: $scope.file.name, ContentType: $scope.file.type, Body: $scope.file, ServerSideEncryption: 'AES256' };

      bucket.putObject(params, function(err, data) {
        if(err) {
          // There Was An Error With Your S3 Config
          alert(err.message);
          return false;
        }
        else {
          // Success!
          alert('Upload Done');
        }
      })
      .on('httpUploadProgress',function(progress) {
        // Log Progress Information
        console.log(Math.round(progress.loaded / progress.total * 100) + '% done');
      });
    }
    else {
      // No File Selected
      alert('No File Selected');
    }
  };
  function alert(msg) {
    console.alert(msg);
  }
});

在谷歌上没有太多关于这个。我发现另外一个SO question我试图效仿但无济于事。 (更改了我的<script>标签等的顺序。)

3 个答案:

答案 0 :(得分:5)

这是一个JSHint错误。 JSHint确保您访问已定义的变量,并且不知道AWS全局变量是否存在以及运行时。因此,您需要告诉JSHint这个globa变量是否存在,并允许您的代码访问此全局变量(尽管您可能应该将其隐藏在角度服务之后,以使您的代码可测试)。

编辑.jshintrc文件(它可能有另一个名称:检查您的构建配置),并添加(或修改)以下规则:

"globals": { "AWS" : false }

答案 1 :(得分:1)

如果您刚刚收到JSHint错误,可能是因为AWS未被识别为变量。在项目的根目录中创建一个.jshintrc文件,并将此配置放入其中:

"globals": {
    "AWS": false
}

答案 2 :(得分:0)

“未定义AWS”,如果您忘记定义js,则会发生此错误, 在“ bower install aws-sdk-js”之后 您需要在脚本标签(如

)中为index.html定义“ aws-sdk.min.js”和“ aws-sdk.js”

<script src="bower_components/aws-sdk/dist/aws-sdk.min.js"></script> <script src="bower_components/aws-sdk/dist/aws-sdk.js"></script>