进度条在 Next JS 13 中不起作用

Question

进度条在 Next JS 13 中不起作用

我正在使用 Next JS 13 应用程序目录，我想为其实现进度栏。为此，我使用了nextjs-progressbar包并在根layout文件中使用了它。但它不起作用。有没有办法在应用程序目录中实现进度条？

"use client";
import { ChakraProvider } from "@chakra-ui/react";
import "../styles/globals.css";
import NextNProgress from "nextjs-progressbar";
import { wrapper } from "../store";

function RootLayout({ children }) {
  return (
    <html>
      <head />
      <body className="max-w-7xl mx-auto">
        <ChakraProvider>
          <NextNProgress color="#06373a" />
          {children}
        </ChakraProvider>
      </body>
    </html>
  );
}

export default wrapper.withRedux(RootLayout);

Run Code Online (Sandbox Code Playgroud)

Answer 1

小智 9

您可以使用此 npm 包：next-nprogress-bar，它可用于应用程序目录和目录页面。

Answer 2

小智 0

我也被困在那里，然后意识到 Next.JS 13 非常新，并且从开发方面与 Next.js 12 有很大不同。

我认为我们应该等到该软件包的开发人员解决兼容性问题。

归档时间：	2 年，8 月前
查看次数：	8990 次
最近记录：	1 年，8 月前