在 nextJs 中找不到 _app.js 文件

Question

我使用“npx create-next-app”创建了我的NextJs项目，现在遇到了一个与_app.js交互来描述TransactionContext，但问题是它不在我的项目中

我会很感激帮助

我只有 layout.tsx 和 page.tsx 而不是 pages 文件夹

Answer 1

小心，您使用 app 文件夹创建了项目。这是 next.js 的一种新工作方式，但它处于测试阶段，由于存在一些错误，目前无法用于生产。

尝试使用标准 src 文件夹重新创建您的项目。据我所知，当你创建下一个应用程序时，终端会询问你的偏好。

见下文：

https://nextjs.org/docs/getting-started/installation

Answer 2

在 Next.js 中，

_app.js

文件从 Next.js 9.3 版本开始不再使用。相反，您应该使用

pages/_app.js

文件来自定义默认的 Next.js

App

组件。

在 Next.js 中，

pages/_app.js

文件负责初始化页面，呈现主要的

App

组件，并将其与应该出现在每个页面上的其他组件一起包装。它允许您覆盖 Next.js 提供的默认

App

组件并添加全局样式、状态管理和其他自定义。

以下是如何使用

pages/_app.js

文件的示例：

// 页面/_app.js

从“反应”导入反应； 从“下一个/应用程序”导入应用程序；

function MyApp({ Component, pageProps }) { // 在此处添加任何自定义逻辑或组件

返回； }

导出默认MyApp；

在这个例子中，

MyApp

是自定义的

App

组件。您可以在

MyApp

组件中添加任何必要的全局组件、上下文提供程序或自定义逻辑。

请注意，如果您使用的是 Next.js 版本 12 或更高版本，则文件名应分别为

_app.tsx

或

_app.jsx

，具体取决于您使用的是 TypeScript 还是 JavaScript。

确保在创建或修改

_app.js

文件后重新启动 Next.js 开发服务器以使更改生效。