TypeError:路由器。use()要求中间件功能,但有一个对象

在使用 Node.js 和 Express 框架构建 Web 应用程序时,你可能会遇到 TypeError: Router.use() requires middleware function but got a Object 这个错误。

这个错误通常是因为在使用 app.use()router.use() 函数时传递了不正确的参数类型。这些函数期望接收一个中间件函数作为参数,但却接收到了一个对象。

什么是中间件?

在 Express 中,中间件(Middleware)是指处理 HTTP 请求和响应的一组函数。它们可以访问请求对象(request object)、响应对象(response object)和应用程序的下一个中间件函数。中间件函数可以执行各种任务,例如验证用户身份、处理表单数据、记录日志等。

Express 的中间件可以是一个函数或者一个函数数组,函数接收三个参数:请求对象、响应对象和下一个中间件函数的引用。如果中间件函数完成任务并要将控制权传递给下一个中间件函数,则需要调用 next() 函数。

下面是一个简单的 Express 中间件示例:

----- ------- - -------------------
----- --- - ----------

-- -----
-------- ----------- ---- ----- -
  -------------------------- -------------
  -------
-

-- -----
----------------

-- ------
------------ ------------- ---- -
  ---------------- ---------
---

-- ----
---------------- ---------- -
  ---------------- --------- -- ---- --------
---

在这个示例中,我们定义了一个名为 logger 的中间件函数,并使用 app.use() 函数将其绑定到应用程序中。当客户端访问服务器时,logger 中间件会记录请求的方法和 URL,并将控制权传递给下一个中间件函数。

解决 TypeError 错误

回到 TypeError: Router.use() requires middleware function but got a Object 这个错误,它通常是由于将一个对象传递给 app.use()router.use() 函数而引起的。要解决这个错误,需要确保传递给这些函数的参数是一个函数或者函数数组。

下面是一个将对象传递给 app.use() 函数导致 TypeError 错误的示例:

----- ------- - -------------------
----- --- - ----------

----- --- - - ----- ------ --

-- -------
-------------

-- ------
------------ ------------- ---- -
  ---------------- ---------
---

-- ----
---------------- ---------- -
  ---------------- --------- -- ---- --------
---

在这个示例中,我们将一个对象 obj 传递给 app.use() 函数,这会导致 TypeError: Router.use() requires middleware function but got a Object 错误。

要解决这个问题,可以将对象包装成一个中间件函数,如下所示:

----- ------- - -------------------
----- --- - ----------

----- --- - - ----- ------ --

-- -------
--------------------- ---- ----- -
  ------- - ----
  -------
---

-- ------
------------ ------------- ---- -
  ---------------- -------------------
---

-- ----
---------------- ---------- -
  ---------------- --------- -- ---- --------
---

在这个示例中,我们将对象 obj 包装成一个中间件函数,并将其传递给 app.use() 函数。在中间件函数中,我们将对象存储在请求对象的属性上,以便后续的路由处理函数可以访问它。

当客户端访问服务器时,路由处理函数会通过请求对象的 obj 属性访问对象的

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/12563


猜你喜欢

  • window.onbeforeunload在iPad不工作?

    在前端开发中,window.onbeforeunload 是一个常用的事件,它会在用户关闭或离开页面之前触发,可以用来提示用户保存未提交的数据或提醒用户正在进行的操作。

    7 年前
  • 如何访问Web应用程序ios11屏幕相机?

    Web 应用程序可以在 iOS 11 上使用屏幕相机 API 访问设备上的摄像头。这为开发人员提供了一个强大的工具,以便他们可以创建更加丰富的 Web 应用程序。 屏幕相机API简介 屏幕相机 API...

    7 年前
  • 触摸CSS伪类或类似的东西?

    在前端开发中,我们常需要根据用户行为动态改变页面样式。其中,CSS 伪类和伪元素是最常用的选择器之一。它们可以让我们根据元素的状态或位置来精确地选中特定的元素,并对其应用样式。

    7 年前
  • RequireJS:加载模块包括模板和CSS

    在前端开发中,模块化是非常重要的一个概念。随着项目越来越复杂,将代码划分为模块可以提高代码的可维护性和可扩展性。而RequireJS就是一个优秀的模块加载器,能够帮助开发者轻松地管理和组织模块。

    7 年前
  • 如何在Knockout.js的observablearray中插入元素

    在使用Knockout.js时,我们经常需要向observablearray中添加或删除元素。但是,有时候我们也需要将新元素插入到数组的特定位置而不是在末尾添加。在本文中,我们将探讨如何在Knocko...

    7 年前
  • image.onload事件和浏览器的缓存

    在前端开发中,我们常常需要加载图片来显示网页的内容。但是,当我们加载图片时,可能会遇到一些问题,比如图片未能正确地加载或者加载速度很慢。这时候,我们就可以使用image.onload事件和浏览器的缓存...

    7 年前
  • innerText VS innerHTML VS 标签与文本与文本内容与 outerText

    在前端开发中,文本是无法避免的。操作文本时,常见的几个属性包括 innerText、innerHTML、textContent、outerHTML 和 outerText 等。

    7 年前
  • 如何使用 `removeEventListener` 和匿名函数注册侦听器?

    事件处理在前端开发中是极其重要的,它允许我们在用户与页面交互时对这些事件做出响应。当我们需要监听某个事件并在它发生时执行相应的代码块时,我们可以通过添加事件监听器来实现。

    7 年前
  • 防止对 HTML5 浏览器历史 popstate 滚动

    背景 当我们在页面上执行浏览器前进或后退操作时,会触发 popstate 事件。如果你使用了某些 JavaScript 库(例如 React、Vue等)并且默认启用了滚动行为,那么当你执行浏览器前进或...

    7 年前
  • 立即调用箭头函数

    在 JavaScript 中,箭头函数是一种非常有用的语法糖。它可以更简洁地定义匿名函数,并且在处理 this 上也更加方便。其中,立即调用箭头函数是一个特别有用的应用场景,本文将详细介绍这个功能。

    7 年前
  • 我如何能有条件地导入ES6模块?

    ES6模块是JavaScript的一项强大功能,它允许我们将代码分成多个模块,使得代码更易于维护和开发。但有时候,我们可能需要有条件地导入这些模块,比如只在特定的浏览器或操作系统上使用某些模块。

    7 年前
  • 如何删除/取消一个 JavaScript 对象的属性?

    在 JavaScript 中,对象是一种非常常见的数据类型,但是有时候我们可能需要删除对象中的某个属性。本文将介绍如何使用 JavaScript 来删除对象属性及其相关注意事项。

    7 年前
  • 如何使用 jQuery 的 Ajax 调用 JavaScript

    在前端开发中,我们经常需要向服务器发送异步请求来获取数据或执行某些操作。jQuery 的 Ajax 功能提供了一种方便的方式来实现这种异步通信。在本文中,我们将学习如何使用 jQuery 的 Ajax...

    7 年前
  • Firefox 4 onbeforeunload自定义消息

    简介 onbeforeunload 是一个浏览器事件,它会在用户尝试离开当前网页时触发。这个事件可以用来提示用户确认是否要离开当前页面,以避免误操作。Firefox 4 引入了一种方式,使开发者能够自...

    7 年前
  • 什么是“数据要求”(Data Requirements)和“数据 SemVer”(Semantic Versioning)HTML 文件?

    当你在开发 Web 应用程序时,你可能需要使用类似于 JSON 或 YAML 的格式来存储一些数据。这些数据可以包括产品信息、用户配置等等。为了确保数据的正确性和可靠性,你需要定义“数据要求”和“数据...

    7 年前
  • 拖放文件上传在谷歌浏览器/铬和Safari

    拖放文件上传是现代Web应用程序中的一个常见功能。它允许用户将文件从其计算机上拖动到Web页面上,以实现简单而快速的文件上传。但是,不同的浏览器可能会有不同的实现方式和行为。

    7 年前
  • 如何知道是否已经加载了一个字体(@字体)?

    在前端开发中,我们可能需要使用自定义字体(如Google Fonts),但有时候加载这些字体的时间可能很长。为了避免页面显示问题,我们需要确保字体已经成功加载才可使用。

    7 年前
  • 我怎么选择超过1个框架JSFiddle?

    随着前端开发的不断发展,现在有许多框架可以用于构建网站和应用程序。在这种情况下,选择正确的框架变得越来越重要。JSFiddle是一个流行的在线代码编辑器,可以用于测试各种框架和库。

    7 年前
  • 配置 Webpack 允许浏览器调试

    在前端开发中,Webpack 是一个常用的打包工具。但是默认情况下,Webpack 生成的代码无法被浏览器直接调试。本文将介绍如何配置 Webpack,以允许开发者在浏览器中方便地调试代码。

    7 年前
  • 是否应该立即设置图像URL到数据URL?

    在前端开发中,我们通常会使用<img>标签来显示图片。为了显示一张图片,我们需要向服务器请求一个图片的URL,然后将这个URL赋值给<img>标签的src属性。

    7 年前

相关推荐

    暂无文章