sveltejs / learn.svelte.dev

A soup-to-nuts interactive tutorial on how to build apps with Svelte
https://learn.svelte.dev
MIT License
512 stars 239 forks source link

Tutorial isn't working #462

Open mikhael-abdallah opened 1 year ago

mikhael-abdallah commented 1 year ago

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

KraXen72 commented 1 year ago

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.

kspr9 commented 11 months ago

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.```
5nefarious commented 7 months ago

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

dj-sf commented 1 week ago

Same issue here on both Vivaldi and Firefox in September 2024