Unable to Save a Portfolio Item

taun21602 years ago

12

POST http://localhost:3000/api/portfolio?locale=en&depth=0&fallback-locale=null 400 (Bad Request)

 import { CollectionConfig } from 'payload/types';

const Portfolio: CollectionConfig = {
  slug: 'portfolio',
  access: {
    create: (): boolean => true, // Everyone can create Portfolio items
    read: (): boolean => true, // Everyone can read Portfolio items
    update: (): boolean => true, // Everyone can update Portfolio items
    delete: (): boolean => true, // Everyone can delete Portfolio items
  },

  fields: [
    {
      name: 'title',
      label: 'Title',
      type: 'text',
      required: true,
    },
    {
      name: 'subtitle',
      label: 'Venue Title',
      type: 'text',
      required: true,
    },
    {
      name: 'backgroundImage',
      type: 'upload',
      relationTo: 'media',
      required: true,
    },
    {
      name: 'alt',
      label: 'Alt Text',
      type: 'text',
      required: true,
    },
  ],
};

export default Portfolio;

• 

  thedunco2 years ago

  Are you using the Admin UI to add the Portfolio Item or are you trying to do it from your frontend with an http post request? If it's the latter, are you able to do it from the Admin UI?

• 

  taun21602 years ago

  AdminUI

• 

  thedunco2 years ago

  Hmm, are you able to save other documents in other collections?

• 

  taun21602 years ago

  Yes the other fields work

  
  
  

  collections*

  
  
  

  I'm getting this error when I start the Payload server in Nextjs -

   yarn run v1.22.19
  $ ts-node server.ts
  [20:56:14] INFO (payload): Connected to Mongo server successfully!
  [20:56:14] INFO (payload): Starting Payload...
  info  - Loaded env from C:\git\2160\2160-Lodge-Bukela-2\.env
  webpack built ab43f4191f7a65cf1eb2 in 15364ms
  webpack compiled successfully
  <w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: No serializer registered for ConcatSource
  <w> while serializing webpack/lib/util/registerExternalSerializer.webpack-sources/ConcatSource -> Array { 2 items } -> ConcatSource

• 

  thedunco2 years ago

  What if you try starting it with the default

  yarn run dev

  command?

• 

  taun21602 years ago

  Chatgpt: "It looks like there is an issue with serializing the ConcatSource object, which is causing the caching to fail. This warning message should not cause any major issues, but it might slow down your Webpack build time if the cache is not working properly.

  
  
  

  One way to resolve this issue is to clear the Webpack cache by running yarn cache clean. You can also try updating your Webpack version or any dependencies related to Webpack to see if that fixes the issue."

  
  
  

  So that shouldn't be part of the error

• 

  thedunco2 years ago

  https://tenor.com/view/robot-tech-skynet-ai-arnold-gif-13186419
• 

  tacticalsmoores2 years ago

  Portfolio.tsx

  should be

  Portfolio.ts

  , shouldn't it?

• 

  thedunco2 years ago

  Oh, yeah, I was wondering why it was tsx as well

• 

  taun21602 years ago

  Thanks. Error is still there.

  
  
  

  It's working now, not sure what the fix was as my Portfolio file was named .ts the entire time. Thanks for the help.

• 

  megetron_2 years ago

  i get this as well. i am using the "upload" configuration on the collection. when save the collection i get this error , removing it stops the error. i wonder id there is an option to not forcing uploading an image. when i scrapping some data locally, i would like to create the collection sometimes with the images and sometimes without them.

• 

  taun2160last year

  After switching to using separate repos I no longer experience errors like this.