Can't see code components after setting up app hosting?

Developer Support
1

When hosting plasmic for code components, I can’t see the actual components.
Video demo

image.png
image.png1396×1406 66.7 KB

image.png
image.png1008×844 28.6 KB

2
  1. did you use registerComponent?
  2. i found out that code components appear in the Insert menu, at Code components tab.
3

those are not automatically inserted somewhere

4

I’ve registered no code component yet.
Only started hosting plasmic

5

In order to see code components into plasmic UI, you have to register them:
https://docs.plasmic.app/learn/registering-code-components/

6

My problem is not that code components don’t work.
My problem is that - when I host plasmic - I don’t see any component in Plasmic studio.

7

this is what i’m saying, in order to see it you have to register them as in the link i provided.

8

I don’t have to register every component. I only have to register code components - external components that I want inside plasmic.

9

then after you register it, you’ll find them here:

image.png
image.png1010×1640 60.4 KB

10

in other words:
my plasmic studio is broken, when plasmic hosting is on

11

Oh, i’m sorry, can’t help. :sweat_smile:

Maybe somebody from plasmic team can help you with this: @yang or @chungwu

12

what do you mean by “hosting plasmic for code components” or “when plasmic hosting is on”?

13

simply that I add this:

image.png
image.png1066×288 30.3 KB

14

and then once I add

image.png

15

→ plasmic studio behaves as you can see in the video I posted at the top of the thread (or the images)

16

I did not have this problem with another project where I successfully used code components.
Maybe this project is too big - or sth is different about it.

17

could you use the dom inspector and see what’s going on in the artboard itself? it looks like there’s a bit of something visible in the artboard on the first screenshot, so maybe something is just obscuring it

18

when I click on one of the variant artboards, I always get this message:

image.png
image.png992×944 85.3 KB

19

I don’t know how to inspect the inner elements inside

image.png
image.png2002×1490 470 KB

20

this is what happens when plasmic studio is loaded
https://www.awesomescreenshot.com/video/13820058?key=66a8cb0466522d7a4de26447c8236302