title: Cannot read properties of undefined (reading 'parseComponent')
body: <p>I'm getting an error &quot;Cannot read properties of undefined (reading 'parseComponent')&quot; but parse component is nowhere to be seen in my code, this happens everytime i run npm run serve and every time I recompile the code error moves to Welcome.vue. Below is the screenshot of the error <a href="https://i.stack.imgur.com/yOAwj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yOAwj.png" alt="error screenshot" /></a></p>
  <p>Code for the App.vue</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;Navbar /&gt;
    &lt;div class="content"&gt;
      &lt;router-view/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Navbar from './components/Navbar.vue'
  
  export default {
    components: { Navbar }  
  }
  &lt;/script&gt;
  
  &lt;style&gt;
    .content {
      margin: 0 auto;
      max-width: 1200px;
      padding: 0 20px;
    }
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Code for Welcome.vue</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;div class="welcome container"&gt;
          &lt;div v-if="showLogin"&gt;
              &lt;LoginForm @login="enterHomepage"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import LoginForm from '../components/LoginForm.vue'
  import { ref } from 'vue'
  import { useRouter } from 'vue-router'
  
  export default {
      components: { LoginForm },
      setup() {
          const showLogin = ref(true)
          const router = useRouter()
  
          const enterHomepage = () =&gt; {
              router.push({ name: 'ViewBlockedUsers' })
          }
  
          return { showLogin, enterHomepage }
      },
  }
  &lt;/script&gt;
  
  &lt;style&gt;
      .welcome {
          text-align: center;
          padding: 20px 0;
      }
      /* form styles */
      .welcome form {
          width: 300px;
          margin: 20px auto;
      }
      .welcome label {
          display: block;
          margin: 20px 0 10px;
      }
      .welcome input {
          width: 100%;
          padding: 10px;
          border-radius: 20px;
          border: 1px solid #eee;
          outline: none;
          color: #999;
          margin: 10px auto;
      }        
      .welcome span {
          font-weight: bold;
          text-decoration: underline;
          cursor: pointer;
      }
      .welcome button {
          margin: 20px auto;
      }
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Any help is highly appreciated!</p>