[Vuejs]-Fresh Laravel 9 installation with vue 3 scaffold and vite not redering component

0👍

So i changed the boilerplate code in my resouces/js/app.js file and it worked. i don’t know why.

i changed this

import './bootstrap';
import { createApp } from 'vue';

const app = createApp({});
import ExampleComponent from './components/ExampleComponent.vue';

app.component('example-component', ExampleComponent);
app.mount('#app');

to this

import './bootstrap';
import { createApp } from 'vue';
import ExampleComponent from './components/ExampleComponent.vue';

createApp(ExampleComponent).mount('#app');

1👍

So I recently just encountered this issue. I got a blank page when I run npm run dev. Thankfully on the console, I got the error message in the image below.

enter image description here

So I went ahead to my app.js to change my Vue import from

import { createApp } from "vue";

to

import { createApp } from 'vue/dist/vue.esm-bundler';

👤Solar

Leave a comment