Level 15
There is no TypeScript support for Inertia and Svelte currently, you will have to use regular JavaScript until support has been added. There is currently an issue opened for it.
1 like
Dec 27, 2022
13
Level 8
Inertia Svelte - Could not find a declaration
import { createInertiaApp } from '@inertiajs/inertia-svelte'
createInertiaApp({
resolve: name => require(`./Pages/${name}.svelte`),
setup({ el, App, props }) {
new App({ target: el, props })
},
})
Could not find a declaration file for module '@inertiajs/inertia-svelte'. 'c:/Users/jdh/Documents/My Documents/Developement/laravel/Inertia/inertia-svelte/node_modules/@inertiajs/inertia-svelte/src/index.js' implicitly has an 'any' type.
Try `npm i --save-dev @types/inertiajs__inertia-svelte` if it exists or add a new declaration (.d.ts) file containing `declare module '@inertiajs/inertia-svelte';`ts(7016)
I tried the first suggestion of npm i --save-dev @types/inertiajs__inertia-svelte with the return message of 404 Not Found - GET https://registry.npmjs.org/@types%2finertiajs__inertia-svelte - Not found, as well as the second suggestion to no avail.
Also when I run npm run dev no page is shown, but the browser just keep loading and return the error Unable to connect but I guess this has to do with the modules not being seen withing app.js.
Please help!
Level 8
@thinkverse How do I use regular javascript in this case?
Level 15
@Randy_Johnson, it has been a while since I messed with Svelte. But I believe it tries to use TypeScript if it finds a tsconfig.json file and if you're using .ts files. Might be other things that makes it think you're using TypeScript, but that's just at the top of my head.
1 like
Level 8
@thinkverse You seem experienced, what would you suggest I use for front end.
Level 15
@Randy_Johnson whatever you're comfortable with. 🤷♂️
1 like
Level 8
@thinkverse I don't think it has anything to do with ts in this instance, I think its because I haven't declared something in vite.
I cloned https://github.com/inertiajs/pingcrm and it is working, but this is using mix.
Level 102
@Randy_Johnson and vue?
1 like
Level 8
@Sinnbeck It looks like am going to have to use Vue, I cannot get Svelte to work at all. Even the pingcrm which I posted before form github is vue, trying the svelte require an older version of PHP which is pointless to go back too.
Gutted, really wanted to use svelte, looked dang good.
Level 102
@Randy_Johnson personally I use react
You could try starting with this https://github.com/inertiajs/pingcrm-svelte
1 like
Level 8
@Sinnbeck I tried it requires an older version of php. I will just go with react since it has the best job availability.
Level 15
@Randy_Johnson I know this is solved, but I wanted to test out Inertia and Svelte myself, got it working but it's a bit hacky. Got registration and Login working, named layout slots are broken. But it was a fun test. 👍
This uses Laravel 9 with Breeze, Inertia, Vite, and Svelte.
Level 3
Hey @randy_johnson and @thinkverse,
I recently updated my Svelte Breeze port (with a few extra features) here: https://github.com/joshcirre/laravel-breeze-svelte
Let me know if you have any issues.
Level 15
@joshcirre I messed with it for fun, @randy_johnson might be interested though. 🙂 Did solve my broken header slot thanks to you though, I'm not that familiar with Svelte so I was going it wrong. 😂
Please or to participate in this conversation.