npm run dev --host network: not exposed

Question

I want to expose my svelte app on LAN using the npm run dev --host command but it shows:

> [email protected] dev
> svelte-kit dev


  SvelteKit v1.0.0-next.295

  local:   http://localhost:3000
  network: not exposed

  Use --host to expose server to other devices on this network

Answer 1

You have to add -- before the actual flag:

npm run dev -- --host

And it should output:

> [email protected] dev
> svelte-kit dev "--host"


  SvelteKit v1.0.0-next.316

  local:   http://localhost:3000
  network: http://***.***.**.**:3000

  Note that all files in the following directories will be accessible to anyone on your network: src/lib, src/routes, .svelte-kit, src, node_modules

Answer 2

In vite Two Methods as follows:

Method 1: Manually while running the app by typing this on the terminal

npm run dev -- --host

Method 2: Automatically By replacing the "dev" property line in package.json in the "scripts" object as follows:

"dev": "vite --host --port [PORT NO. YOU WANT TO USE]",

And when you run "npm run dev", it shows the network host address

Answer 3

If you use vite in the package.json file, do this on the dev line:

  "scripts": {
    "dev": "vite --host --port 8888",
   .....  what ever else was here.....
  },

if you use sirv, try this in the package.json :

    "start": "sirv public --no-clear --host 0.0.0.0",

If you want a different port try this:

    "start": "sirv public --no-clear --host 0.0.0.0 --port 8888",

Answer 4

You can add this to your vite.config.js

server: {
        host: true
      }