App host/code components not working

Issues
1

Hi there, I’ve been trying to get the app host/code components to work, however, after carefully following all the steps in the docs, it still doesn’t seem to work properly. Steps to reproduce:

  1. Use existing next.js app (App dir)
  2. Create the pages and all that listed in the docs
  3. Create a custom component and register it in the plasmic-init-client file
  4. Run dev server
  5. Add the localhost:3000 url to the project
  6. Doesn’t show the editor anymore, only the actual page :thinking_face:, including the following popup warning/error:

image.png

2

Make sure the URL you added is the path to the host page, like http://localhost:3000/plasmic-host, and not just localhost:3000

3

I had created a forum post instead: https://forum.plasmic.app/t/unable-to-get-app-host-correctly-up-and-running-with-next-js-app-router/4786 :wink: