Home App Docs Blog Github

Visual Studio Code

Hello,

I try to launch builder cms in my visual studio code. I have installed node, npm, vue cli, builder package.
I am imported code from guides.

here is my code:

<template>
  <div v-if="notFound">
    <!-- Show your 404 content -->
    Page not found!!!!!!
  </div>
  <div v-else>
    <h1>eheheh</h1>
    <RenderContent
      model="page"
      @contentLoaded="contentLoaded"
    />
  </div>
</template>

<script>
import { builder, RenderContent } from '@builder.io/vue'

// TODO: enter your public API key
builder.init("my key")

export default {
  data: () => ({
    notFound: false,
  }),
  components: { RenderContent },
  methods: {
    contentLoaded(content) {
      if (!content) {
        this.notFound = true
      }
    }
  }
}
</script>

When i run app by “npm run serve”, it will launch app, but i still get first IF, “Page not found!!!”.

In browser i have error:

Uncaught TypeError: Cannot read property ‘_c’ of undefined
at Proxy.render (builder.common.js?81e9:8918)
at renderComponentRoot (runtime-core.esm-bundler.js?5c40:1165)
at componentEffect (runtime-core.esm-bundler.js?5c40:5184)
at reactiveEffect (reactivity.esm-bundler.js?a1e9:42)
at effect (reactivity.esm-bundler.js?a1e9:17)
at setupRenderEffect (runtime-core.esm-bundler.js?5c40:5137)
at mountComponent (runtime-core.esm-bundler.js?5c40:5096)
at processComponent (runtime-core.esm-bundler.js?5c40:5054)
at patch (runtime-core.esm-bundler.js?5c40:4660)
at mountChildren (runtime-core.esm-bundler.js?5c40:4844)

What it can be ?

Best regards

Hi @RomanP,

it’s expected to see not found when you don’t have any published entry on your page model, do you have one already published?

hard to tell, do you have any more code to share? like a codesandbox or a github repo would be helpful.

Have you take a look at our Nuxt example?