Inertia not rendering component

Hi there, I'm new to Inertia, and I followed their docs step by step, client-side and server-side. But for some reason I'm getting 2 errors. I've try to find a solution multiple times but I couldn't get it to work. Error 1 in browser: app.js:33732 Uncaught (in promise) Error: Cannot find module './Index' Error 2 in cmd:

ERROR in ./resources/js/Pages/Index.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|   <div>This will be pre-compiled</div>
| </template>``` 

Does anyone know how to fix these errors?

topvillas

4 years ago

Best Answer

Level 46

What the docs don;'t tell you that you need to set up Mix to compile your Vue components.

https://laravel.com/docs/8.x/mix#vue

janmoes

4 years ago

Level 2

Thank you very much, I also got the error that .vue() couldn't find a compatible Vue version, while I thought I already installed Vue. But it works now!

Please or to participate in this conversation.