I tested with ports 4002, 4003 and 4050 and same behaviour on all of them
Phoenix works as it serves pages, but liveview doesn’t work 
jle
axelson
Scenic Core Team
Can you answer/check these as well? Also on the computer that isn’t working what OS are you running, what version of nodejs (if applicable), are there any errors in the js console, and is the live view websocket being established?
0
wanton7
One clue here is that you don’t have liveSocket variable available in your console. I created a default Phoenix 1.6 app without Ecto. If I go to 127.0.0.1 liveSocket variable exists in Chrome Developer tools console. Are you sure app.js is loaded? Check Chrome Developer tools Network tab and make sure it’s actually loaded by the browser.
As a side note even if you said you didn’t use Brave browser, but as a warning it has known issue with WebSockets. WebSockets sometimes hang in that browser and I think you have to close the whole browser to get them working again.
0
jle
I tested with firefox and chromium
No plugins installed, no extensions, no ad blockers
On server side, nothing different on log, no errors, nothing different
On browser, there are no errors con console
I debugged the LiveSocket creation on browser, it executed all lines, no errors reported
The computer with the problem is running manjaro.
0
jle
You are right, I have an error on browser console when I try
liveSocket.enableDebug()
VM41:1 Uncaught TypeError: liveSocket.enableDebug is not a function
at <anonymous>:1:12
But if I run
liveSocket.params
It returns
ƒ () {
return e2;
}
I putted a breakpoint on LiveSocket constructor, and all lines were executed with no errors
0
wanton7
jle
jle
This is the result of executing liveSocket on console
e2 {unloaded: false, socket: Socket, bindingPrefix: 'phx-', opts: {…}, views: {…}, …}
activeElement: null
bindingPrefix: "phx-"
currentLocation: {ancestorOrigins: {…}, href: 'http://localhost:4002/new_oper', origin: 'http://localhost:4002', protocol: 'http:', host: 'localhost:4002', …}
hooks: {}
href: "http://localhost:4002/new_oper"
linkRef: 0
main: null
opts: {params: {…}}
params: ƒ ()
pendingLink: null
prevActive: null
prevInput: null
prevValue: null
root: null
silenced: false
socket: Socket {stateChangeCallbacks: {…}, channels: Array(0), sendBuffer: Array(0), ref: 4, timeout: 10000, …}
unloaded: false
viewLogger: undefined
views: {}
[[Prototype]]: Object
0
wanton7
You can see that LiveSocket should have function called enableDebug
also your object has field root but newest LiveSocket should have field called roots phoenix_live_view/assets/js/phoenix_live_view/live_socket.js at 1480b49e52e973f551c88bede2f802e5f5d8c298 · phoenixframework/phoenix_live_view · GitHub
I don’t think you are running the latest LiveView. I just created new project with latest LiveView and object has field roots.
By running mix phx.new --version I get Phoenix installer v1.6.5.
0
jle
same project on different machine has enableDebug and runs as espected
These are dependencies on mix.exs
{:phoenix, "~> 1.6.5"},
{:phoenix_html, "~> 3.0"},
{:phoenix_live_reload, "~> 1.2", only: :dev},
{:phoenix_live_view, "~> 0.17.5"},
The client (browser) console, propose in autocompletio enableDebug (twice), but it returns an error when invoqued
0