尝试禁用react_devtools_backend.js nextjs

发布于 2025-02-07 16:56:13 字数 908 浏览 2 评论 0原文

最近，我添加了react devtools后端扩展程序，我注意到它会导致2个附加组件渲染（我正在使用nextjs框架），这并不是什么问题在开发中，当发布时，这确实会达到网站的性能，并且我正在尝试将其禁用，并且我已经在_document.js文件中添加了以下代码：

import { Html, Head, Main, NextScript } from "next/document";
import Script from "next/script";

export default function Document() {
    return (
        <Html lang="en-US">
            <Head />
            <body>
                <Main />
                <NextScript />
                <Script
                    strategy="beforeInteractive"
                    dangerouslySetInnerHTML={{
                        __html: `if(typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object'){ __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {}; }`,
                    }}
                />
            </body>
        </Html>
    );
}

但是没有更改任何事物。

原文

recently I've added the react devtools backend extension which I noticed is causing 2 additional component renders (I'm using Nextjs framework) which isn't so much of a problem in development however when published this would really hit the websites performance and I'm trying to disable it, and to do so I've adding the following code in _document.js file:

import { Html, Head, Main, NextScript } from "next/document";
import Script from "next/script";

export default function Document() {
    return (
        <Html lang="en-US">
            <Head />
            <body>
                <Main />
                <NextScript />
                <Script
                    strategy="beforeInteractive"
                    dangerouslySetInnerHTML={{
                        __html: `if(typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object'){ __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {}; }`,
                    }}
                />
            </body>
        </Html>
    );
}

But hasn't changed anything.

分享到QQ

分享到微博