Missing Credentials in Config

[VGoose]

Getting the error below. My bucket is public so I'm not sure what's going on - am I missing something obvious? My plugin is a copy and paste of the README.

"gatsby-source-s3-image" threw an error while running the sourceNodes lifecycle:

Missing credentials in config

plugins: [
    {
      resolve: 'gatsby-source-s3-image',
      options: {
        bucketName: 'my.bucket.name',
        protocol: 'http', // [optional] Default to `https`.
      },
    },
    ...
]

    "Version": "2008-10-17",
    "Statement": [
        {
            "Sid": "AddPublicReadPermissions",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my.bucket.name/*"
        }
    ]
}```

[otherjohn]

I get the same issue. I also have the same permissions.

[rub1e]

Any resolution on this? Having the same issue and can't figure out what's going on 😕

[racedale]

Adding the region fixed it for me, my bucket was in us-east-2

[mattmischuk]

I was able to fix this but creating an IAM user with its own set of credentials for the hosting platform I’m using (Netlify in this case). You’ll just need to give read access to the desired S3 bucket and put those env vars in your gatsby-config.

1. Create a specific user for your hosting platform in the IAM Management Console
2. Create AWS_S3_ACCESS_KEY_ID and AWS_S3_SECRET_ACCESS_KEY env variables
3. Add those env vars to the hosting platform
4. Update your plugin options (see below)

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-source-s3-image',
      options: {
        accessKeyId: process.env.AWS_S3_ACCESS_KEY_ID,
        secretAccessKey: process.env.AWS_S3_SECRET_ACCESS_KEY,
        bucketName: 'bucket-name',
        region: 'us-east-1',
      },
    },
  ],
}