watermaniak
Problem with upgrading LiveView from 0.16 to 0.17/0.18
I’m running an old Phoenix LiveView app and today I wanted to upgrade from 0.16 to 0.17 (and eventually 0.18).
I have changed my mix.exs can ran mix deps.get and I can see the mix.lock being updated.
I have added import Phoenix.Component to PadelLisboaWeb.view_helpers
Changed all my .leex files to .heex and fixed all the errors/warnings when trying to build the app.
But somehow I have this strange issue that on initial loading, the page looks fine and it seems as soon as the WS connection is established, some content changes to “undefined”
I have a feeling it’s a tiny little thing that I’ve forgotten in the upgrade process. Has anyone else experienced this issue? (for the GIF I’m actively pressing CMD + R to refresh the page)
Marked As Solved
chrismccord
what are you using to build js assets? If you have a node/npm setup, you will need to bust your npm deps and refetch. It looks like you are still on the old js client.
Also Liked
watermaniak
Yes, you are right… Banging my head against the wall now… Thank you very much. 
For anyone else coming across the same issue, don’t forget to update your js packages in assets/package.json
- "phoenix": "1.6.0-rc.0",
- "phoenix_html": "2.14.3",
- "phoenix_live_view": "0.16.3",
+ "phoenix": "1.6.15",
+ "phoenix_html": "3.2.0",
+ "phoenix_live_view": "0.18.2"
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"