5

I managed to deploy my first Svelte app using Github Pages. Only a problem remains is that the livereload script is still loading but the path to the script cannot be found and causes the slow finishing load as you can see in the live site.

Is there any way to fix this?

Thank you for your help in advance. (The source code if it helps)

khangnd
  • 323
  • 3
  • 11

1 Answers1

7

The code you've published on GH pages is a dev build. In the official template, that your project seems based on, that's what you get with npm run dev.

What you need is a production build, that you get with npm run build. The compiled code won't include some utils that are otherwise added for dev tools and HMR, it will be minified with terser, and it won't include livereload. You can see in rollup.config.js there's a production flag, based on whether Rollup run in watch mode or not, that changes some options and plugins.

rixo
  • 23,815
  • 4
  • 63
  • 68
  • 1
    Hello rixo, you're absolutely right. Thank you for your help. – khangnd Nov 02 '20 at 03:48
  • Does the same thing apply to react apps? I've been scouring the internet and tons of purple links later, I still cant seem to figure out why I'm getting livereload?snipver=1 when I deploy a production build using npm run build. I know this is a couple years old now but any bit of help is greatly appreciated! – Christopher Koziol Nov 07 '22 at 22:45