res.render() 方法无法找到把手文件

如何解决res.render() 方法无法找到把手文件

这是我的文件夹结构

在控制器内部我调用以下函数

exports.login = async (req,res) => {
    try {
        const {email,password} = req.body;
        const user = await User.findOne({email});
        if (! user) {
            res.status(401).json({message: "No such user"});
            return;
        }
        // res.render('/home',{{userId}});
        res.render(`${__dirname}/views/home.handlebars`,{userId: user._id});
        res.status(201).json({message: "Logged In",data: user});
    } catch (e) {
        res.status(401).json({message: e.message});
    }
};

这里是 home.handlebars 文件

<form action="/user/upload-image/{{userId}}" method="post" enctype="multipart/form-data">
  <input type="file" name="avatar" class="inputField"/><br>
  <input type="submit" name="Submit" class="btn"/>
</form>

但是即使我之前从公共文件夹（.js 文件）中渲染了相同的文件，也没有以某种方式找到该文件