使用 yarn dev 在 localhost 7777 启动 Next.js 应用程序时出现问题

Posted 2023-02-16

【中文标题】使用 yarn dev 在 localhost 7777 启动 Next.js 应用程序时出现问题

【英文标题】：Problem starting Next.js app at locallhost 7777 using yarn dev

【发布时间】：2021-12-03 06:36:26

【问题描述】：

当我尝试使用 yarn dev 运行我的本地主机时，它显示此错误：

yarn run v1.22.4 $ next -p 7777 ready - 启动服务器 0.0.0.0:7777, url: http://localhost:7777 TypeError: _jestWorker.Worker 不是构造函数 在 Object.loadWebpackHook (D:\isc-web\isc-front\node_modules\next\dist\server\config-utils.js:67:20) 在 Object.loadConfig [默认] (D:\isc-web\isc-front\node_modules\next\dist\server\config.js:332:29) 在 processTicksAndRejections (internal/process/task_queues.js:95:5) 在异步 NextServer.loadConfig (D:\isc-web\isc-front\node_modules\next\dist\server\next.js:112:22) error 命令失败，退出代码为 1。 info 访问 https://yarnpkg.com/en/docs/cli/run 获取有关此的文档 命令。

在我使用 npm install --save-dev babel-plugin-styled-components 之前一切正常，即使我使用 git checkout -- . 取消了更改，但仍然遇到同样的问题

【参考方案1】：

如果您使用git checkout 取消了依赖项更改，您的node_modules 可能仍然安装了旧的依赖项。尝试再次运行 npm i 以查看更新依赖项是否可以解决问题。

我无法从这个错误消息中看出太多，我不知道你的项目进展到什么程度......你看过官方的 Next.js + styled-components 示例吗？ https://github.com/vercel/next.js/tree/canary/examples/with-styled-components

也许您尝试以这种方式设置库？

【讨论】：

是的，我发现我的朋友在 _document.js 中使用材质 UI ServerStyleSheets 而不是 styled-components ServerStyleSheet。谢谢大佬问题解决了