How do I debug a Quasar 2 project?

[johnRivs]

Just to clarify, I'm not trying to get help for this particular error. Rather, why the error messages are so unhelpful.

@quasar/app: ^3.0.0
quasar: ^2.0.0

I'm having trouble tracing error messages in the terminal. This doesn't mention a single file I created:

[Quasar Dev Webserver] /test -> error during render
TypeError: Cannot read property 'includes' of undefined
    at ssrRender (render-app.js:1186:361)
    at renderComponentSubTree (C:\PROJECT\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:225:13)
    at renderComponentVNode (C:\PROJECT\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:176:16)
    at ssrRenderComponent (C:\PROJECT\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:487:12)
    at ssrRender (render-app.js:1134:81)
    at renderComponentSubTree (C:\PROJECT\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:225:13)
    at renderComponentVNode (C:\PROJECT\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:176:16)
    at renderVNode (C:\PROJECT\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:266:22)
    at renderComponentSubTree (C:\PROJECT\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:231:13)
    at renderComponentVNode (C:\PROJECT\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:176:16)

What created hook? This page component in particular (channel.vue) doesn't have any hook. The 55:30 in chunk-src_pages_channel_vue.js makes no sense since a) the file doesn't exist and b) channel.vue is actually empty.

[Vue warn]: Unhandled error during execution of created hook
  at <Channel onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > >
[Quasar Dev Webserver] /test -> error during render
TypeError: Cannot read property 'channel' of undefined
    at Proxy.<anonymous> (chunk-src_pages_channel_vue.js:55:30)
    at Proxy.<anonymous> (C:\PROJECT\node_modules\quasar\dist\quasar.cjs.prod.js:6:461528)
    at callWithErrorHandling (C:\PROJECT\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:156:36)
    at callWithAsyncErrorHandling (C:\PROJECT\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:165:21)
    at callWithAsyncErrorHandling (C:\PROJECT\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:175:21)
    at callHook (C:\PROJECT\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:3182:5)
    at applyOptions (C:\PROJECT\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:3112:9)
    at finishComponentSetup (C:\PROJECT\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:7171:9)
    at setupStatefulComponent (C:\PROJECT\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:7081:9)
    at setupComponent (C:\PROJECT\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:7012:11)

When I open the project in the browser, it says

Open: chunk-src_pages_channel_vue.js
Unable to locate file source.

This happens with other type of errors as well.

[johnRivs]

Here's an example with a brand new Quasar 2 project. The store state doesn't have a channel key and I'm trying to figure out how the error message relates to that.

src\pages\Index.vue

<template>
    <my-component>
        <template #header>
            {{ $store.state.channel }}
        </template>
    </my-component>
</template>

src\components\MyComponent.vue

<template>
    <div>
        <slot name="header"></slot>
    </div>
</template>