learn.svelte.dev icon indicating copy to clipboard operation
learn.svelte.dev copied to clipboard

Tutorial isn't working

Open mikhael-abdallah opened this issue 1 year ago • 4 comments

Describe the bug

I'm leaning svelt and tried the tutorial at https://learn.svelte.dev/tutorial/your-first-component But it isn't able to render the website.

image

image

Reproduction

https://learn.svelte.dev/tutorial/your-first-component

Logs

VITE v4.3.9 ready in 2981 ms

➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h to show help
1:41:44 AM [vite] Failed to load source map for /@vite/client.
1:41:45 AM [vite] Failed to load source map for /node_modules/vite/dist/client/env.mjs.

System Info

NA

Severity

annoyance

mikhael-abdallah avatar Aug 05 '23 04:08 mikhael-abdallah

same thing happened to me. I'm using vivaldi browser, 6.1.3035.302 (Stable channel) (64-bit) Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

more info on errors (@Conduitry):

GET https://httpslearnsveltedev-xfsn--5173--33975f1d.local-corp.webcontainer.io/node_modules/.vite/deps/svelte_internal_disclose-version.js?v=28dd62cc net::ERR_ABORTED 504 (Outdated Optimize Dep)
Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: https://httpslearnsveltedev-xfsn--5173--33975f1d.local-corp.webcontainer.io/@fs/home/httpslearnsveltedev-xfsn/.svelte-kit/generated/client/app.js
Promise.then (async)
(anonymous) @ (index):271

which is this part:

Promise.all([
						import("/node_modules/@sveltejs/kit/src/runtime/client/start.js"),
						import("/@fs/home/httpslearnsveltedev-xfsn/.svelte-kit/generated/client/app.js")
					]).then(([kit, app]) => {
						kit.start(app, element);
					});

also, @mikhael-abdallah , you can use https://svelte.dev/tutorial for now. it's the old tutorial. Might be slightly outdated and doesen't use webcontainers, however, it works.

KraXen72 avatar Aug 26 '23 21:08 KraXen72

Same thing here.

It works, and then randomly stops the 'preview' page from loading. Last time noticed when I clicked on 'Edit this page' on the bottom. Before everything was working, after I submitted my finding about an issue and returned, then the app did not preview anymore. Tried deleting cookies and reload the page. No help.

Using Brave browser on win10

Terminal returns this

warn Starting on January 1, 2024, turbo will no longer be supported and will be removed. We now offer built-in support for npm, pnpm, and yarn v1. For additional information, check out https://turbo.sh.

$ ./node_modules/vite/bin/vite.js dev

Forced re-optimization of dependencies

VITE v4.3.9 ready in 6505 ms

➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h to show help
3:17:35 PM [vite] Failed to load source map for /@vite/client.
3:17:35 PM [vite] Failed to load source map for /node_modules/vite/dist/client/env.mjs.```

kspr9 avatar Sep 28 '23 12:09 kspr9

I believe I'm experiencing the same issue in Safari.

5nefarious avatar Jan 26 '24 03:01 5nefarious

Same issue here on both Vivaldi and Firefox in September 2024

dj-sf avatar Sep 03 '24 15:09 dj-sf