typescript NextJS -'dev'不工作,但'build'&&'start'执行

k4emjkb1  于 2023-02-25  发布在  TypeScript
关注(0)|答案(2)|浏览(162)

已创建下一个(版本:12.0.7),我可以buildstart服务器,但是,dev失败,一旦我提出请求,并吐出以下消息:
浏览器:

Uncaught ReferenceError: __webpack_require__ is not defined

后端:无错误消息
我正在使用脉轮用户界面,下一个i18next和下一个auth。

    • 重现错误**

1.使用typescript npx create-next-app@latest --ts创建下一个应用程序
1.现在您将遇到错误exports is not defined。使用this hack,您可以使用以下内容创建自定义_document.tsx

import Document, {
    Html,
    Head,
    Main,
    NextScript,
    DocumentContext,
} from "next/document"

class MyDocument extends Document {
    static async getInitialProps(ctx: DocumentContext) {
        const initialProps = await Document.getInitialProps(ctx)
        return {...initialProps}
    }

    render() {
        return (
            <Html>
                <Head />
                <body>
                <Main />
                <script>var exports = {"{}"};</script>
                <NextScript />
                </body>
            </Html>
        )
    }
}

export default MyDocument

1.运行yarn run dev
1.访视http://localhost:3000/
1.参见控制台

egdjgwm8

egdjgwm81#

找到麻烦制造者了!
当我在Chrome浏览器中打开这个网站时(我个人不使用Chrome浏览器,所以它没有安装任何扩展),网站运行得很完美。经过一番挖掘,我发现我的反广告拦截器是麻烦的制造者。禁用它终于解决了这个错误!

w1jd8yoj

w1jd8yoj2#

next dev记录日志时,我遇到了类似的问题:

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info  - Loaded env from /.../.env
event - compiled client and server successfully in 6.4s (2106 modules)

但当试图从Chrome或任何其他浏览器访问该网站时,什么也不会发生,它只会永远卡在加载中。
原来这个问题是由我正在使用的VPN(CyberGhost)引起的。禁用它后,一切又正常了。

相关问题