Unable to setup Kanvas locally

Kanvas
1

OS : windows - wsl
ubuntu 24 LTS
Node: 18

This page appears in http://localhost:3000/extension/meshmap after executing make kanvas-watch.
Nothing unusal in meshery-server logs and meshery-kanvas logs

image
image1789×881 37.6 KB

2

@Vidit_Kushwaha, please confirm the version of nodejs that you’re using, verifying that it aligns with the prescribed version of node, which would be the same as Meshery UI.

It’s important that some of the commands that you execute are done so in particular sequence.

Typical Build Sequence

  1. Use Golang 1.23.x (or whatever version Meshery Server uses) and whatever version of NodeJS that Meshery UI uses.
  2. Clone the meshery, meshery-cloud, and meshery-extensions repositories. Ensure that each of these repositories are siblings in the same parent directory.
  3. Checkout the latest master branch of meshery/meshery
  4. Checkout the latest master branch of layer5labs/meshery-extensions
  5. Optionally, checkout the latest master branch of layer5io/meshery-cloud
  6. In your meshery clone, run make ui-setup; make ui-server command in your local meshery repo to start Meshery Server locally.
  7. In your meshery-extensions, clone run make kanvas command in your local meshery-extensions repo.
  8. Re-login to Meshery Server with your account. Use private / incognito session in browser, if needed.
    Be sure that you have signed into an instance of Layer5 Cloud; that you have an active token (stored in browser cookie). Be sure to sign into your Meshery Server, in order to have the meshery-extensions (graphql plugin and kanvas html plugin) be initially loaded by Meshery Server.

Of the builds that you are trying to do, I recommend, first, trying a static build (e.g. make ui-build and make prod). Only after you have been successful with a static build, then try a dev build that watches the filesystem for changes (and dynamically rebuilds; e.g. make ui and make kanvas-watch). Execute make in both the meshery repo clone and the extensions repo clone in order to see a description of which make targets perform a static build versus which make targets perform a dynamic build.

1 Like