How to generate index.html for SPA only client?

[wiverson]

Set up a new SvelteKit project. Followed the simple instructions for creating a new skeleton project and configuing adapter-static in SPA-only mode.

When I run npm run build it generates the app but there is no index.html to bootstrap things.

I have created a repo at https://github.com/wiverson/static-spa-test to illustrate/make easier to for someone else to review.

I believe this was working properly when I wrote up notes a month ago, so I'm a bit confused as to what changed...?

Log output

will@Moon static-spa-test % npm run build

> [email protected] build
> vite build


vite v3.2.4 building for production...
✓ 37 modules transformed.
2:35:13 PM [vite-plugin-svelte] dom compile done.
package        	files	  time	   avg
@sveltejs/kit  	    2	31.6ms	15.8ms
static-spa-test	    2	26.6ms	13.3ms

vite v3.2.4 building SSR bundle for production...
✓ 45 modules transformed.
2:35:13 PM [vite-plugin-svelte] ssr compile done.
package        	files	 time	  avg
static-spa-test	    2	5.2ms	2.6ms
@sveltejs/kit  	    2	2.8ms	1.4ms
Generated an empty chunk: "hooks"
.svelte-kit/output/server/vite-manifest.json                   1.23 KiB
.svelte-kit/output/server/index.js                             78.36 KiB
.svelte-kit/output/server/entries/fallbacks/layout.svelte.js   0.23 KiB
.svelte-kit/output/server/entries/pages/_layout.js             0.04 KiB
.svelte-kit/output/server/entries/fallbacks/error.svelte.js    1.50 KiB
.svelte-kit/output/server/entries/pages/_page.svelte.js        0.31 KiB
.svelte-kit/output/server/chunks/index.js                      3.15 KiB
.svelte-kit/output/server/chunks/hooks.js                      0.00 KiB

Run npm run preview to preview your production build locally.
.svelte-kit/output/client/vite-manifest.json                                         2.53 KiB
.svelte-kit/output/client/_app/immutable/components/layout.svelte-57e34698.js        0.53 KiB / gzip: 0.35 KiB
.svelte-kit/output/client/_app/immutable/components/error.svelte-13b55e0b.js         2.07 KiB / gzip: 0.95 KiB
.svelte-kit/output/client/_app/immutable/modules/pages/_layout.js-26b544f5.js        0.07 KiB / gzip: 0.08 KiB
.svelte-kit/output/client/_app/immutable/components/pages/_page.svelte-fa1c36fc.js   0.81 KiB / gzip: 0.47 KiB
.svelte-kit/output/client/_app/immutable/chunks/_layout-68a0a1e4.js                  0.13 KiB / gzip: 0.13 KiB
.svelte-kit/output/client/_app/immutable/chunks/singletons-0c9c9af9.js               2.46 KiB / gzip: 1.30 KiB
.svelte-kit/output/client/_app/immutable/chunks/0-06939c59.js                        0.14 KiB / gzip: 0.13 KiB
.svelte-kit/output/client/_app/immutable/chunks/1-fdee3abf.js                        0.09 KiB / gzip: 0.09 KiB
.svelte-kit/output/client/_app/immutable/chunks/index-8f0aa09d.js                    6.71 KiB / gzip: 2.72 KiB
.svelte-kit/output/client/_app/immutable/chunks/2-091380b5.js                        0.09 KiB / gzip: 0.10 KiB
.svelte-kit/output/client/_app/immutable/start-e0ea38f5.js                           27.10 KiB / gzip: 10.49 KiB

> Using @sveltejs/adapter-static
  Wrote site to "build"
  ✔ done
will@Moon static-spa-test % 

[wiverson]

Ok, by setting fallback to index.html I was able to get things working:

	kit: {
		adapter: adapter({
			pages: 'build',
			assets: 'build',
			fallback: 'index.html'
		}),
		prerender: { entries: [] }
	}

... is that desired? I thought fallback was intended for an error page...?

[wiverson]

Oh, and either way the build log doesn't appear to mention the copy/rename of the app.html -> index.html as a transformed entity, so I'm checking for it in the build directory manually.