Custom Blocks not showing in Lexical RichText Editor - BlocksFeature

dr.n1trogen7 months ago

3

{
  name,
  type: 'richText',
  editor: lexicalEditor({
    features: ({ defaultFeatures }) => [
      ...defaultFeatures,
      BlocksFeature({
        blocks: [
          {
            slug: 'myBlock',
            fields: [textField('someText')],
          },
        ],
      }),
    ],
  }),
}

• 

  alessiogr

  7 months ago

  Seen this sometimes, but every time I've seen this it was a random user error (e.g. forgot to push code, build didn't deploy successfully, accidentally changed wrong richtext field, accidentally overriding features...)

• 

  anders22927 months ago

  missing importmap update has also caused issue for me about picker not appearing

• 

  dr.n1trogen7 months ago

  @1063099015589273630

  You're right. Seems like

  BlocksFeatureClient

  isn't imported in import map.

  
  

  I've run

  payload generate:importmap

  but it's still not importing

  BlocksFeatureClient
  
  

  PS: I'm making changes and importing the correct field. I've checked more than once.

  
  
  

   ⨯ Error: Could not find the module "[project]/node_modules/@payloadcms/richtext-lexical/dist/exports/client/index.js#BlocksFeatureClient" in the React Client Manifest. This is probably a bug in the React Server Components bundler.
      at stringify (<anonymous>) {
    digest: '764469830'
  }

  
  
  

  I do get this warning when I manually add imports to the

  importMap.ts
  
  

  Finally managed to fix this! I had payload root in a different directory than usual.

  
  

  Adding this to the payload config fixed the

  importMap

  generation.

  
  
  

   importMapFile: path.resolve(dirname,'app/(payload)/payload/admin/importMap.ts')