Comments (10)
I made a question and answered it here: #215 and keeping this issue to reference when fixing the not optimal error message. Let me know if that works or not.
from gatsby-transformer-cloudinary.
Note: when I do provide the Cloudinary config options to the plugin and run gatsby develop
, it does successfully upload my local images to Cloudinary but still throws the above error.
from gatsby-transformer-cloudinary.
That is not a great error message, so we'll make sure to fix that - ie. a better error message.
However the problem seems to be that your SanityCloudinaryAsset
GraphQL type does not have the required fields for the plugin to work. It needs at least the fields: publicId
and a cloudName
.
Could you go to your GraphiQL UI (typically http://localhost:8000/___graphql) and check the shape of SanityCloudinaryAsset
?
from gatsby-transformer-cloudinary.
Thank you! Hmm, it looks like it doesn't have a cloud name:
{
"name": "SanityCloudinaryAsset",
"fields": [
{
"name": "_key"
},
{
"name": "_type"
},
{
"name": "public_id"
},
{
"name": "resource_type"
},
{
"name": "type"
},
{
"name": "format"
},
{
"name": "version"
},
{
"name": "url"
},
{
"name": "secure_url"
},
{
"name": "width"
},
{
"name": "height"
},
{
"name": "bytes"
},
{
"name": "duration"
},
{
"name": "tags"
},
{
"name": "created_at"
},
{
"name": "derived"
},
{
"name": "access_mode"
},
{
"name": "_rawDerived"
}
]
}
from gatsby-transformer-cloudinary.
And the data is not in the shape required by this plugin (something I hope to make configurable in the future). You'll have to make your own nodes base on these nodes. I can give you an example of how to achieve this tomorrow (CET timezone).
from gatsby-transformer-cloudinary.
That would be great, thank you!
from gatsby-transformer-cloudinary.
🎉 This issue has been resolved in version 3.1.0 🎉
The release is available on:
Your semantic-release bot 📦🚀
from gatsby-transformer-cloudinary.
🎉 This issue has been resolved in version 4.2.0 🎉
The release is available on:
Your semantic-release bot 📦🚀
from gatsby-transformer-cloudinary.
I would be forever grateful if you tested the newest beta nmampersand . It adds support for Sanity sourced Cloudinary assets by letting you configure the mapping of data.
yarn add [email protected]
Take a look at the documentation and let me know how it goes so I may improve if needed.
from gatsby-transformer-cloudinary.
@nmampersand, have you been able to test the 4.6.0-beta.1? Looking to make this a current version, but would love an external test before I do.
from gatsby-transformer-cloudinary.
Related Issues (20)
- Bundling External Files in a Gatsby v4 compatible way HOT 1
- ERROR Type with name "RemoteFileResize" does not exists HOT 4
- Add contributing docs, license and code of conduct HOT 1
- Validate configured options using `pluginOptionsSchema` HOT 1
- Add automated test and release process using Semantic Release HOT 2
- Remove support for deprecated gatsby-image HOT 2
- Rework README.md HOT 1
- Rework demo HOT 3
- `gatsbyImageData` generates `http` urls, not `https` HOT 2
- Gatsby v5 support HOT 2
- TypeError: Cannot read properties of undefined (reading 'width') HOT 4
- Add custom analytics code for generated Cloudinary URLs HOT 5
- Cannot query gatsbyImageData via Cloudinary app on Contentful HOT 7
- warning [gatsby-transformer-cloudinary] No metadata for ... gatsbyImageData will resolve to null HOT 4
- How to upload local image to Cloudinary during Gatsby build
- Make the Contributing.md hacktoberfest ready HOT 7
- Make the Plugin Support Cloudinary Assets Sourced Via CMSs HOT 2
- Rewrite README to explain how to add Gatsby image support to Cloudinary image data sourced from Sanity CMS HOT 2
- Support for cname (secure distribution) and private cdn
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gatsby-transformer-cloudinary.