Error when debugging my Laravel Application in VSCode using Xdebug - laravel

I am trying to debug my Laravel application running with Sail using Xdebug in VSCode. But I am getting this error when debug my application.
Here is my launch.json file:
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Listen for Xdebug",
"type": "php",
"request": "launch",
"port": 9003,
"pathMappings": {
"/var/www/html": "${workspaceFolder}"
}
},
{
"name": "Launch currently open script",
"type": "php",
"request": "launch",
"program": "${file}",
"cwd": "${fileDirname}",
"port": 0,
"runtimeArgs": [
"-dxdebug.start_with_request=yes"
],
"env": {
"XDEBUG_MODE": "debug,develop",
"XDEBUG_CONFIG": "client_port=${port}"
}
},
{
"name": "Launch Built-in web server",
"type": "php",
"request": "launch",
"runtimeArgs": [
"-dxdebug.mode=debug",
"-dxdebug.start_with_request=yes",
"-S",
"localhost:0"
],
"program": "",
"cwd": "${workspaceRoot}",
"port": 9003,
"serverReadyAction": {
"pattern": "Development Server \\(http://localhost:([0-9]+)\\) started",
"uriFormat": "http://localhost:%s",
"action": "openExternally"
}
},
]
}
Is anyone know what is the problem for this? Thanks you so much!

Related

Debug Blazor Server in VSCode

launch.json:
"version": "0.2.0",
"configurations": [
{
"name": ".NET Core Launch (web)",
"type": "msedge",
"request": "launch",
"preLaunchTask": "build",
"cwd": "${workspaceFolder}",
"webRoot": "${workspaceFolder}",
// "serverReadyAction": {
// "action": "openExternally",
// "pattern": "\\bNow listening on:\\s+(https?://\\S+)"
// },
"env": {
"ASPNETCORE_ENVIRONMENT": "Development",
"ASPNETCORE_URLS": "http://localhost:5000"
},
"sourceMaps": true,
//"url": "http://localhost:5000",
// If you have changed the default port / launch URL make sure to update the expectation below
//"inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}"
},
{
"name": ".NET Core Attach",
"type": "coreclr",
"request": "attach",
"processId": "${command:pickProcess}"
}
]
and tasks.json:
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "process",
"command": "dotnet",
//"group": "build",
"args": [
"watch",
"run",
"${workspaceFolder}/BlazorStore9.csproj",
"/property:GenerateFullPaths=true",
"/consoleloggerparameters:NoSummary"
],
// "presentation": {
// // Reveal the output only if unrecognized errors occur.
// "reveal": "silent"
// },
// Use the standard MS compiler pattern to detect errors, warnings and infos
"problemMatcher": "$msCompile",
"options": {"cwd": "${workspaceFolder}"}
}
]
This only launches site for browsing but not debug, How to correct these files for debug?
I removed "request": "launch", from launch.json and debug works.

vscode: how to debug golang in live-share mode

When livesharing my code with golang, I could not start debugging mode (i'm using delv)
Here is my launch.json
{
"version": "0.2.0",
"configurations": [
{
"debugAdapter": "dlv-dap",
"name": "Launch Package",
"type": "go",
"request": "launch",
"mode": "auto",
"program": "./main.go",
"args": ["server"]
}
]
}

Debug Cake Frosting project in VSCode

I found an old question related to debugging a cake script in vscode.
How do I debug a "frosting" project?
I added this to .vscode/launch.json, but it runs the project without stopping at breakpoints:
{
"name": "cake",
"type": "coreclr",
"request": "launch",
"cwd": "${workspaceFolder}/build",
"program": "dotnet",
"args": [ "run" ],
"stopAtEntry": false
}
One must run the frosting console programme (Build.dll).
.vscode/tasks.json:
{
"label": "build-cake",
"command": "dotnet",
"type": "process",
"args": [
"build",
"${workspaceFolder}/build/Build.csproj",
"/property:GenerateFullPaths=true",
"/consoleloggerparameters:NoSummary"
],
"problemMatcher": "$msCompile"
},
.vscode/launch.json
{
"name": "cake",
"type": "coreclr",
"request": "launch",
"preLaunchTask": "build-cake",
"cwd": "${workspaceFolder}/build",
"program": "${workspaceFolder}/build/bin/Debug/net6.0/Build.dll",
"args": [],
"console": "internalConsole",
"stopAtEntry": false
}

visual studio code debug thymeleaf

I have a spring boot project with thymeleaf. I want to debug the thymeleaf html itself. VS Code is getting the breakpoints in the java code, but I don't now how to configure it to get the breakpoints in the .html files.
My launch file is like this. The project is running at https://localhost:8083.
{
"configurations": [
{
"type": "java",
"name": "Application",
"request": "launch",
"cwd": "${workspaceFolder}",
"console": "internalConsole",
"mainClass": "com.demo.Application",
"projectName": "Application",
"args": ""
},
{
"name": "Attach to Chrome",
"url": "https://localhost:8083",
"port": 8083,
"request": "attach",
"type": "pwa-chrome",
"webRoot": "${workspaceFolder}"
}
]
}
Any idea? Thanks

VSCode debugging with Create-React-App

I'd like to set my VS Code to debug my React-app created using 'create-react-app'.
I've tried this configuration:
{
"version": "0.1.0",
"configurations": [
{
"name": "Launch node",
"type": "node",
"request": "launch",
"program": "${workspaceRoot}/src/index.js",
"cwd": "${workspaceRoot}",
"preLaunchTask": null,
"runtimeExecutable": null,
"runtimeArgs": [
"--nolazy"
],
"env": {
"NODE_ENV": "development"
},
"sourceMaps": true,
"outFiles": []
},
{
"name": "Attach",
"type": "node",
"request": "attach",
"port": 9222,
"address": "localhost",
"restart": false,
"sourceMaps": false,
"localRoot": "${workspaceRoot}",
"remoteRoot": null
}
]
}
but I get error the following error:
Debugger listening on port 11198
e:\form\src\index.js:1
(function (exports, require, module, __filename, __dirname) { import React from 'react';
^^^^^^
SyntaxError: Unexpected reserved word
...
I guess I need to set the 'preLaunchTask' to babel or the 'outFiles' to some dist folder, but I have no idea where should I point it to.
I'll be grateful for ideas.
tnx
Your config is not correct. It should be:
{
"version": "0.2.0",
"configurations": [{
"name": "Chrome",
"type": "chrome",
"request": "launch",
"url": "http://localhost:3000",
"webRoot": "${workspaceRoot}/src",
"userDataDir": "${workspaceRoot}/.vscode/chrome",
"sourceMapPathOverrides": {
"webpack:///src/*": "${webRoot}/*"
}
}]
}
For more details: https://create-react-app.dev/docs/setting-up-your-editor/#debugging-in-the-editor

Resources