no output just a white screen - card is not found

[ss77a]

I was digging around since I am learning vite and llike vue, but havent dabbled with vue that much

I read this below which lead me to install vue ray (mentioned in the link) https://stackoverflow.com/questions/66024797/vue-3-failed-to-resolve-component-with-global-components

main.ts ended up like this with ray added after which I am getting no output still; but new console.log references to localhost:23500

import { createApp } from 'vue'
import App from './App.vue'
import 'ant-design-vue/dist/antd.css'
import { Button } from 'ant-design-vue'
import Example from './components/Example.vue';
import { RayPlugin } from 'vue-ray';

console.log(Button)
const app = createApp(App);

app.use(RayPlugin, { 
    interceptErrors: true,
    port: 23500,
    showComponentEvents: ['created', 'mounted'],
    nodeRaySettings: { 
        interceptConsoleLog: true,
    },
}); 

const mountedApp = app.mount('#app');

app.component('Example', Example);
` 

I really want to see the power pf vite put to its fullest, way nicer than webpack

[rxliuli]

I've never registered a component globally, and whenever I need to use a component, I always show up importing it. In addition, this also simplifies ast analysis, including vetur/eslint will benefit from this