jle

jle

Hi, I have a problem in one computer with applications running liveview

It has to be a problem with my computer configuration

The same application running on different computers works perfectly

I also ran the examples from Chris McCord with same problem
All these worked some days ago

I tested with firefox and chrome with same behaviour

I tested with elixir 12 and 13. No surprises it didn’t work with both, I’m sure it has to be a configuration problem in my computer

My question is about how to try to debug this issue

I added this trace on mount

  def mount(_params, _session, socket) do
     ...
    Logger.info("_____________ connected?(socket) #{connected?(socket)}")
    ...

and this is the output

[info] Running DemoWeb.Endpoint with cowboy 2.9.0 at 0.0.0.0:4000 (http)
[info] Access DemoWeb.Endpoint at http://localhost:4000
[watch] build finished, watching for changes...
[info] CONNECTED TO Phoenix.LiveView.Socket in 64µs
  Transport: :websocket
  Serializer: Phoenix.Socket.V2.JSONSerializer
  Parameters: %{"_csrf_token" => "bDccJkAePU00HgMdJj8GPgAgNFgqXBwXYm-OmNl4UXdHkG4VthU6L6xg", "vsn" => "2.0.0"}
[info] GET /
[debug] Processing with Phoenix.LiveView.Plug.Elixir.DemoWeb.ImageLive/2
  Parameters: %{}
  Pipelines: [:browser]
[info] _____________ connected?(socket) false
[info] Sent 200 in 68ms
[info] CONNECTED TO Phoenix.LiveView.Socket in 53µs
  Transport: :websocket
  Serializer: Phoenix.Socket.V2.JSONSerializer
  Parameters: %{"_csrf_token" => "RH4FFgYQDjAOXy1QBidWKAVzFgIDLC4n450cwzwahoHbuU7EwGSKdJB_", "vsn" => "2.0.0"}

Any tip of how could I investigate where the problem is?
Thanks (marvellous language, phoenix is impressive, nice community… congrats!!!)

Showing Posts 37 to 28

jle

jle OP

I’ve put a breakpoint in app.js, all code is executed with no errors :open_mouth:

wanton7

wanton7

Run just liveSocket is it type LiveSocket?

jle

jle OP

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

jle

jle OP

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.

wanton7

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.

axelson

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?

jle

jle OP

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 :frowning:

wanton7

wanton7

You don’t happen to have anything else running in port 4000 in that machine? Try running Phoenix in different port than default 4000 and see what happens.

jle

jle OP

This is one machine that works normally

❯ elixir --version
Erlang/OTP 24 [erts-12.1.5] [source] [64-bit] [smp:4:4] [ds:4:4:10] [async-threads:1] [jit]

Elixir 1.13.0 (compiled with Erlang/OTP 24)

This is in the machine that fails

> elixir --version
Erlang/OTP 24 [erts-12.1.5] [source] [64-bit] [smp:4:4] [ds:4:4:10] [async-threads:1] [jit]

Elixir 1.13.0 (compiled with Erlang/OTP 24)

The machine that works, is a fresh installation (few days ago)
The other one, is a rolling release. On this machine, everything was working fine with phoenix/liveview till some days ago

I have no clue of what happened :frowning:
And I didn’t detect any other fail on this machine. Everything looks working fine the only problem I detected, is this with phoenix/liveview :open_mouth:

wanton7

wanton7

I also asked to check Erlang/OTP versions, are they same?

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
nseaSeb
Hello, I know there is an approach for handling lists that allows for optimized traversal, but I can’t recall the specific method (somet...
New
brecabral
Documentation While reading the Scoped Routes section, I noticed that the documentation currently refers to a problem without explainin...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
asweet-confluent
I recently noticed that Elixir’s Logger defaults its primary log level to :debug when no :logger, :level application configuration is pre...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
mhanberg
Hi everyone! The first release candidate for the Expert language server project is now available! We’ve published a press release detai...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews