If you prefer to perform the necessary configuration manually, you can do so by following these steps: The IDE offers you a possibility to exclude those directories from scanning automatically (this feature is available in 2019.2+ IDE versions). If you’re using Windows Defender, the IDE automatically checks whether you have real-time scanning enabled, and whether the scanning is configured to process directories where the IDE writes a lot of files. If your antivirus software has real-time scanning enabled, the antivirus can force the build process to halt each time a file is created while the antivirus scans that file. When you run a build in the IDE, many class files are created on your computer. Node.Some antivirus software can interfere with the IDE build process, causing builds to run dramatically slower.To learn more about how to use a JavaScript debugger, take a look at the following documentation: This is a known issue, not related to Next.js, but it does affect Next.js development. This external service will check every file read, which has been reported to greatly increase Fast Refresh time with next dev. Note: Ensure Windows Defender is disabled on your machine. 'dev' : 'cross-env NODE_OPTIONS='-inspect' next dev' ,Ĭross-env will set the NODE_OPTIONS environment variable regardless of which platform you are on (including Mac, Linux, and Windows) and allow you to debug consistently across devices and operating systems. To get around this, install the cross-env package as a development dependency ( -D with npm and yarn) and replace the dev script with the following. Windows users may run into an issue when using NODE_OPTIONS='-inspect' as that syntax is not supported on Windows platforms. vscode/launch.json at the root of your project with the following content: will be replaced with the name of your application according to your package.json file). Debugging with VS CodeĬreate a file named. You can find more details in the Node.js Debugging Guide. This documentation explains how you can debug your Next.js frontend and backend code with full source maps support using either the VS Code debugger or Chrome DevTools.Īny debugger that can attach to Node.js can also be used to debug a Next.js application.

Intellij webstorm