首页 > 解决方案 > Next.js 使用 _app.js 和 _document.js

问题描述

我目前使用_document.js将 css 注入到我的 Next.js 应用程序中,并且我想开始使用_app.js它来帮助将数据注入到页面中。

想知道是否可以同时使用 _document 和 _app 还是应该只使用其中一个?

标签: next.js

解决方案


简短的回答:是的,您可以同时使用两者。它们有不同的用途,可以在同一个应用程序中使用。

根据NextJS 文档

Next.js 使用 App 组件来初始化页面。

要覆盖,请创建./pages/_app.js文件并覆盖 App 类

Next.js 中的页面跳过了周围文档标记的定义。例如,您永远不会包含<html><body>等。要覆盖该默认行为,您必须在 处创建一个文件./pages/_document.js,您可以在其中扩展 Document 类。

注意_document.js仅在服务器端呈现,而不在客户端呈现。所以像这样的事件处理程序onClick是行不通的。


推荐阅读