在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>
标签等的顺序。)
答案 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>