"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. Select your target browser as the debug target in Visual Studio, then press Ctrl + F5 ( Debug > Start Without Debugging) to run the app in the browser. 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). With over 550k+ installs to date, this extension provides syntax highlighting for ES201x JavaScript, React, FlowType and GraphQL code. Step out: if already inside a function, this command will take you out. Debugging with VS CodeĬreate a file named. Step into: execute code line by line, going inside functions. 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.
0 kommentar(er)
