UI / Web Server won't load after fresh installation.

[WolfBrandon]

Oh the frustrations of trying to learn a new framework...(your discord link doesn't work, either, btw)

installed virgin Ubuntu 22.04 on a VM in ProxMox (no firewall). Followed the installation instructions to the letter and after I run 'npm run dev' the webserver seems to load fine, but I can't open it in any browser -- I get an indefinite "loading".

Commands I ran:

npm init vue@latest
(Named it "test" and selected NO for everything)
cd test
npm run dev

and I get:

`VITE v4.3.55 ready in 593ms
-> Local: http://localhost:5173
-> Network: use --host to expose
-> press h to show help

Opening the URL, however, leads to an indefinite loading period. I did try a few other methods (vue cli) which worked fine. Again, I am not running a firewall on this dev server. Here are my versions:

Node: v18.7.0
NPM: v9.6.6
VITE: v4.3.5

and here is my package.json

{
  "name": "test2",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.2.47"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.2.1",
    "vite": "^4.3.4"
  }
}

I have run npm install / removed node_modules and re-ran it...same thing.

I changed the port for vite in vite.config.js by adding server: { port: 80 } in the defineConfig export, using multiple ports...same thing (also, this should be better documented)

I specified the --host to be 0.0.0.0 and tried http://localhost:5173 , http://127.0.0.01:5173 and http://<network_ip>:5173 ... same thing

[leopiccionia]

The Discord link in the docs is working fine. I've just clicked it and it went OK; it showed me 6,000+ users online, so I'm not an exception.

Vite starter also works, obviously.

I'm not familiar with ProxMox, but perhaps it's a connectivity issue — some ports not correctly mapped, I don't know. Apart from the HTTP port, Vite dev server uses other sockets for file watching, HMR, etc.

[WolfBrandon]

You're right about Discord -- Brave for some reason didn't want to launch Discord, but worked fine in Firefox.

Proxmox is just a hypervisor/VM host, and the VM itself is an LXC with no port restrictions or weird NATing. I've built a few Node/React and Flask apps on the same device so I can't imagine why it wouldn't work for Vue. Also, when I install vue-cli it works without a problem, even when I specify the same port. I even did a fresh OS image and carefully installed node/npm -- same result. I can tell it's trying to do something because if I specify a different/invalid port, it immediately 404s, whereas this just loads indefinitely.

Is there any way to look at logs or enable debugging? I can't seem to find anything in the docs.

Now that I'm in Discord, I'll search and see if this has happened before and post a solution if I can find one.