Phoenix LiveView ThermostatLive示例无法正确渲染变量

1. 核对模板文件的位置与命名 #

Phoenix 1.7+ 要求LiveView模板放在lib/你的应用名_web/live/thermostat_live/目录下，且文件后缀必须是.html.heex（比如index.html.heex）。如果模板放在templates/目录下，或者后缀是.html.eex，LiveView无法正确编译HEEx语法，会直接输出原始的{@temperature}字符串。

2. 检查LiveView模块的基础配置 #

确保你的ThermostatLive模块正确继承了:live_view，且mount/3函数正确赋值变量：

defmodule YourAppWeb.ThermostatLive do
  use YourAppWeb, :live_view

  def mount(_params, _session, socket) do
    {:ok, assign(socket, temperature: 70)}
  end
end

如果模块中自定义了render/1函数但存在语法错误，或者未正确关联模板文件，会导致视图崩溃并触发view crashed错误。

3. 验证模板语法正确性 #

模板里必须使用HEEx的变量渲染语法{@temperature}，不要混用EEx的<%= @temperature %>。同时检查模板是否存在未闭合标签、语法错误等问题，这类错误会导致模板编译失败，进而引发视图崩溃。

4. 清除编译缓存并重启服务 #

编译缓存残留可能导致旧模板内容无法更新，执行以下命令清理后重启服务器：

mix clean
mix phx.server

5. 确认依赖版本完整性 #

运行以下命令重新拉取依赖，避免版本冲突或下载不完整导致的异常：

mix deps.unlock phoenix_live_view && mix deps.get

内容的提问来源于stack exchange，提问作者tokosh