Rails局部模板传参变量未找到：点赞/取消点赞系统报错排查

这个问题我之前也碰到过！核心原因是Ajax请求返回局部模板的时候，你没把task变量正确传递给模板。初始渲染页面时你可能传了locals: { task: @task }，但Ajax响应的控制器动作里渲染模板时漏掉了这一步，导致模板找不到task变量，所以才会提示undefined local variable or method 'task'，还贴心提示你是不是想用@task。

下面是具体的解决步骤：

• 第一步：修正控制器的点赞/取消点赞动作
  在LikesController的create和destroy方法里，处理完点赞逻辑后，一定要在渲染局部模板时明确传递task局部变量。示例代码如下：

  # app/controllers/likes_controller.rb
  def create
    @task = Task.find(params[:task_id])
    current_user.like(@task) # 假设你有这个点赞方法
    # 渲染局部模板时传递task变量
    render partial: 'likes', locals: { task: @task }
  end
  
  def destroy
    @task = Task.find(params[:task_id])
    current_user.unlike(@task) # 假设你有这个取消点赞方法
    # 同样要传递task变量
    render partial: 'likes', locals: { task: @task }
  end
  

• 第二步：确认初始渲染局部模板时的变量传递
  确保你在父模板里渲染点赞局部模板时，也是通过locals传递task变量的，比如：

  # 父模板（比如tasks/show.html.erb）
  <%= render partial: 'likes', locals: { task: @task } %>
  

• 第三步：检查局部模板里的变量引用
  你的局部模板代码里用的是task（局部变量），这没问题，但要确保没有拼写错误，比如别写成tasks或者其他。另外如果想简化，也可以直接在局部模板里用@task，但用局部变量的方式更符合Rails的局部模板设计规范。

按照这几步调整后，Ajax请求返回的局部模板就能正确拿到task变量，点赞/取消点赞的功能应该就能正常工作了！

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