app works in "dev" but doesn't work in "preview"

[jaroslaw-weber]

Describe the bug

I get this error when clicking "see sample" button:

Uncaught TypeError: ({default:function ht(t){var n=ft(t.split(at));return n=mt(n),n.map(pt)}, [Symbol.toStringTag]:"Module"}) is not a function

Reproduction

https://github.com/jaroslaw-weber/frequency-flashcards

npm run dev

Then click "see sample" and it works correctly.

npm run preview

Then click "see sample" and it doesn't work and display error in the console

Logs

Uncaught TypeError: ({default:function ht(t){var n=ft(t.split(at));return n=mt(n),n.map(pt)}, [Symbol.toStringTag]:"Module"}) is not a function

System Info

System:
    OS: Windows 10 10.0.19043
    CPU: (4) x64 AMD Ryzen 3 3200G with Radeon Vega Graphics
    Memory: 5.90 GB / 15.95 GB
  Binaries:
    Node: 16.13.2 - C:\Program Files\nodejs\node.EXE
    npm: 8.1.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (97.0.1072.62)
    Internet Explorer: 11.0.19041.1202

Severity

blocking all usage of SvelteKit

Additional Information

No response

[benmccann]

Don't minify it so you can get a better stack trace:

		vite: {
			build: {
				minify: false
			}
		}

Then you'll see:

index.svelte-859506ae.js:1079 Uncaught TypeError: splitToWords is not a function
    at getFrequencyList (index.svelte-859506ae.js:1079:19)
    at onClickProcess (index.svelte-859506ae.js:1063:33)
    at HTMLButtonElement.onClickTrySample (index.svelte-859506ae.js:1075:5)
    at vendor-a62b000f.js:328:42
    at Array.forEach (<anonymous>)
    at HTMLButtonElement.bubble (vendor-a62b000f.js:328:23)
    at HTMLButtonElement.click_handler (index.svelte-859506ae.js:397:12)
    at vendor-a62b000f.js:328:42
    at Array.forEach (<anonymous>)
    at HTMLButtonElement.bubble (vendor-a62b000f.js:328:23)

You need to change your import to:

import splitToWords from 'split-to-words';

[jaroslaw-weber]

Thanks! Now I know why the error message was so unhelpful :p Weird that it did work with npm run dev tho.

[jaroslaw-weber]

where do I put the code to disable minify?
I tried putting it inside the svelte.config.js but it's still minifying

[benmccann]

Under the kit key in svelte.config.js. Though if you simply change the import as I suggested above you won't need to disable the minification