使用Next.js和TypeScript开发页面时的缓慢时间

Question

在一个next.js产品中使用带有后端和前端的project.In创建一个网站，加载webpage.Next版本需要花费大量时间。这是我的scss效应加载时间的script.using。

package.json

"scripts": {
    "dev": "ts-node --compiler-options=\"{\\\"module\\\": \\\"commonjs\\\"}\" server/server.ts",
    "build": "next build",
    "start": "NODE_ENV=production 'ts-node' --compiler-options=\"{\\\"module\\\": \\\"commonjs\\\"}\" server/server.ts"
}

Answer 1

我猜你正在使用npm run start启动你的生产应用程序。从上面看，您似乎正在production上运行(它动态地编译TS )。

最好是使用类型记录编译 server.ts on build步骤，然后在dist文件夹中运行js结果上的节点。

Answer 2

1. https://github.com/vercel/next.js/issues/12797#issuecomment-629321790
2. https://github.com/vercel/next.js/issues/12797#issuecomment-660225689

对于那些好奇的人来说，这是由Windows Defender引起的。Windows延迟了HMR (进行扫描)，因为我们发出的JavaScript文件包含单词eval！这就是为什么macOS没有受到影响。