程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在 next.js /api 函数处理程序中需要节点模块的正确方法是什么大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决在 next.js /api 函数处理程序中需要节点模块的正确方法是什么?

开发过程中遇到在 next.js /api 函数处理程序中需要节点模块的正确方法是什么的问题如何解决?下面主要结合日常开发的经验,给出你关于在 next.js /api 函数处理程序中需要节点模块的正确方法是什么的解决方法建议,希望对你解决在 next.js /api 函数处理程序中需要节点模块的正确方法是什么有所启发或帮助;

我试图在我的 /API 文件夹中的文件中要求 bcrypt。

// pages/API/login.Js
const bcrypt = require('bcrypt');

export default async function handler(req,res) {
  switch (req.method) {
    case 'POST':
      // do stuff with bcrypt
      res.status(200).Json()
      break
    default:
      res.status(405).end() //Method Not Allowed
      break
  }
}

当我使用 npm run dev 时一切正常,但是当我运行 npx serverless 时,我收到此错误:

ModuleNotFoundError: Module not found: Error: Can't resolve 'mock-aws-s3'

经过大量研究,这似乎发生了,因为 webpack 试图将 bcrypt 包含在客户端包中,而它应该只包含在服务器端。我不明白为什么会发生这种情况,因为根据 Next.Js 文档:

Any file insIDe the folder pages/API is mapped to /API/* and will be treated as an API endpoint instead of a page. They are server-sIDe only bundles and won't increase your clIEnt-sIDe bundle size.

我通过使用 eval 找到了解决此问题的方法

const bcrypt = eval("require('bcrypt')");

但这感觉很Hacky,就像我没有正确理解next.Js。处理这种情况的正确方法是什么?为什么 webpack 试图将文件包含在 /API 中?

解决方法

我之前遇到过这个问题,请确保在无服务器配置文件中同时包含 node_modules 文件夹和 package.json 文件。如果排除其中任何一个,都会抛出上述错误。

编辑: @tarandeept 这是我的包的屏幕截图:

在 next.js /api 函数处理程序中需要节点模块的正确方法是什么

这是我的文件夹结构:

在 next.js /api 函数处理程序中需要节点模块的正确方法是什么

大佬总结

以上是大佬教程为你收集整理的在 next.js /api 函数处理程序中需要节点模块的正确方法是什么全部内容,希望文章能够帮你解决在 next.js /api 函数处理程序中需要节点模块的正确方法是什么所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: