在 nextJs 中找不到 _app.js答案

【问题标题】：Can not find _app.js in nextJs在 nextJs 中找不到 _app.js
【发布时间】：2021-11-03 06:06:48
【问题描述】：

我正在使用 npx create-next-app 创建我的 NextJs 项目，现在我想通过 bootstrap为其添加全局样式

下载bootstrap 后，它建议我在pages/_app.js 中添加全局样式，但我没有找到类似的文件。谢谢你帮助我

【问题讨论】：

您的项目是否在没有 _app.js 的情况下工作？
@BilalMohammad 是的，它工作得很好，但我仍然需要添加全局样式 =(
您应该在 pages 文件夹中有 _app.js。再次尝试运行npx create-next-app？
@SurjeetBhadauriya 我做了，但它不存在
@TâmĐỗ 您的 pages/index.js 里面有什么？你能证明一下吗？

标签： javascript reactjs web next.js frontend

【解决方案1】：

当你创建一个新的 Nextjs 项目时，你没有这个文件

你应该在根页面中创建这个文件

_app.js 或 _app.tsx（如果你使用 typescript）

const MyApp=()=>{
    return(
       enter code here
    )
  }
export default MyApp

【讨论】：

那么我在哪里导入 _app.js，只是创建和导出什么都没有？谢谢
所有页面都是自动导入的

【解决方案2】：

你创建你的pages/_app.js，你把代码放在下面

import React from 'react';

export default function App({ Component, pageProps }) {
      return (
            <Component {...pageProps} />
      );
    }

要添加引导程序，请在/public 中创建样式文件夹，然后添加引导程序的 .css 文件（假设它是 bootstrap.css）。之后，您将导入添加到您的 app.js 文件中，以及下面的示例：

import React from 'react';
import "../styles/bootstrap.css";

export default function App({ Component, pageProps }) {
      return (
            <Component {...pageProps} />
      );
    }

您没有app.js 的可能原因是您还没有构建项目

【讨论】：

【解决方案3】：

在 pages/_document.js 中添加 _document.js 文件，您可以在此文件中添加您的全局样式index.jsx 参见文档： Custom Document Next.js

【讨论】：