简体繁体 English

NextJs 中的 index.js 和 _app.js 有什么区别？

[英]Whats is the difference between index.js and _app.js in NextJs?

原文 2021-12-22 23:09:38 1 1 javascript/ reactjs/ next.js

Could someone explain to me what is the difference between index.js file and _app.js?有人可以向我解释 index.js 文件和 _app.js 有什么区别吗？ In the Next tutorial it says to change the index.js but what is rendered for me is _app.js.在下一个教程中，它说要更改 index.js，但为我呈现的是 _app.js。

1 个解决方案

_app.js will contain your whole app, meaning this will be rendered in any page of the project. _app.js将包含您的整个应用程序，这意味着它将在项目的任何页面中呈现。 Eg.例如。 if you add a <div>hello world</div> in this file, you will see the Hello World on each and every page of your website.如果您在此文件中添加<div>hello world</div> ，您将在网站的每个页面上看到 Hello World。 More reading here .更多阅读在这里。

index.js will only be rendered if you access / path of your website. index.js只有在您访问网站的/路径时才会呈现。 You will use index files whenever you create a new page, for example you want an about page, you will have an about folder containing an index.js , all of this contained in the pages folder.每当您创建一个新页面时，您都将使用索引文件，例如您想要一个 about 页面，您将拥有一个包含index.js的 about 文件夹，所有这些都包含在pages文件夹中。 More reading here .更多阅读在这里。

将 App.js 更改为 App/index.js 后，基本应用程序无法在 Web 中运行 - Basic app not working in Web after changing App.js to App/index.js

./src/index.js 尝试导入错误：“./App.js”不包含默认导出（导入为“App”） - ./src/index.js Attempted import error: './App.js' does not contain a default export (imported as 'App')

解析服务器 - 如何从 app.js 或 index.js 调用云代码中定义的作业 - Parse Server - How to call a Job defined in the Cloud code from app.js or index.js

使用Express 4将数组从Nodejs中的app.js传递到route / index.js - Pass array to routes/index.js from app.js in Nodejs with Express 4

反应：index.js 或 app.js 似乎没有导入 - react: index.js or app.js don't seem to be importing

即使使用导出，Index.js 也不会导入 App.js - Index.js is not importing App.js even when when export is used

无法从./app.js加载./src/routes/index.js中的路由 - Cannot Load Routes in ./src/routes/index.js from ./app.js

在App.js和route.js中使用Route之间的区别 - Difference between using Route in App.js and routes.js

在 Nextjs 中向 _app.js 添加持久化组件 - Adding a persistent component to _app.js in Nextjs

index.html和app.js之间的变量 - Variables between index.html and app.js

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将 App.js 更改为 App/index.js 后，基本应用程序无法在 Web 中运行 - Basic app not working in Web after changing App.js to App/index.js ./src/index.js 尝试导入错误：“./App.js”不包含默认导出（导入为“App”） - ./src/index.js Attempted import error: './App.js' does not contain a default export (imported as 'App') 解析服务器 - 如何从 app.js 或 index.js 调用云代码中定义的作业 - Parse Server - How to call a Job defined in the Cloud code from app.js or index.js 使用Express 4将数组从Nodejs中的app.js传递到route / index.js - Pass array to routes/index.js from app.js in Nodejs with Express 4 反应：index.js 或 app.js 似乎没有导入 - react: index.js or app.js don't seem to be importing 即使使用导出，Index.js 也不会导入 App.js - Index.js is not importing App.js even when when export is used 无法从./app.js加载./src/routes/index.js中的路由 - Cannot Load Routes in ./src/routes/index.js from ./app.js 在App.js和route.js中使用Route之间的区别 - Difference between using Route in App.js and routes.js 在 Nextjs 中向 _app.js 添加持久化组件 - Adding a persistent component to _app.js in Nextjs index.html和app.js之间的变量 - Variables between index.html and app.js

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM