Unexpected halt in execution - VS Code Logpoint intervenes abruptly

Recently, I delved into the world of JavaScript/TypeScript development in VS Code. Intrigued by Eclipse Theia, I decided to explore it further by setting up a backend service. To track its execution, I added a logpoint to my backend service to see when it is triggered.

https://i.sstatic.net/4jA2r.jpg

However, to my disappointment, whenever the execution hits the designated line, it pauses. Only after manually resuming the execution, the expected log message appears on the console.

This is how I've set things up:

In my project https://github.com/xpomul/theia-boilerplate, I have a branch named hello-world.

I'm using VS Code 1.63.2 along with the Remote Containers Extension.

Here's what my workflow looks like:

  • Launch VS Code
  • Select "Remote-Containers: Clone Repository in Container Volume..." and clone the repository branch https://github.com/xpomul/theia-boilerplate - hello-world
  • After installation completion, open hello-world-impl.ts and insert a logpoint with the expression test in line 7 (indicated by a diamond symbol)
  • Switch to the Run/Debug view, choose the Launch Backend launch configuration, and start it
  • Access a browser at http://127.0.0.1:3000 and click on Edit > Say Hello

I anticipated that the backend would keep running smoothly and display test in the log. Unfortunately, instead of continuing execution, it halts at the logpoint line, compelling me to resume manually.

What could be causing this issue? Is it a configuration problem? Does the functionality of logpoints depend on the Node version (Theia uses Node 12...), which might not yet be supported? Or could it be due to TypeScript or inversify usage?

UPDATE: Additionally, I've included a debug trace file for reference:

javascripttypescriptvisual-studio-codebreakpoints

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

In order to utilize Node.js/Express/Typescript, it is necessary to use the

My current project involves creating a webservice using Express, with the goal of making it executable from both localhost and an AWS Lambda function via Claudia. In order to achieve this, I am aiming to separate the app configuration from the app.listen ...

node.jstypescriptexpressimportrequire

Sending $(this) to a fresh P5 object is not defined

Within this code snippet, I am iterating through each "player_visualizer" element and aiming to generate a new P5 instance for each element. By using console.log(context) inside the loop, I can retrieve the context of the specific element, which is exactl ...

javascriptjqueryp5.js

What is the best way to structure files within the css and js folders after running the build command in Vue-cli?

Vue-cli typically generates files in the following structure: - dist -- demo.html -- style.css -- file.commom.js -- file.commom.js.map -- file.umd.js -- file.umd.js.map -- file.umd.min.js -- file.umd.min.js.map However, I prefer to organize them this way: ...

javascriptvue.jsvue-cli-4

Update the content of a div element with the data retrieved through an Ajax response

I am attempting to update the inner HTML of a div after a certain interval. I am receiving the correct response using Ajax, but I am struggling to replace the inner HTML of the selected element with the Ajax response. What could be wrong with my code? HTM ...

javascriptjqueryhtmlajax

Loop through a list of items and apply the bootstrap-select plugin to each

In an attempt to incorporate an update button within a loop using bootstrap-selectpicker, I encountered a challenge. Within each iteration of the loop, there is a form containing multiple select elements with selectpicker and a hidden button to save the se ...

javascriptjquerybootstrap-4bootstrap-selectbootstrap-selectpicker

What are the steps to implement IndexedDB in an Angular application?

I'm searching for a solution to utilize indexedDB within Angular. I need assistance with implementing data recovery or potentially using a browser-based database that doesn't have the 5 MB limit like localStorage. Can anyone point me in the right ...

javascriptdatabaseangularreactjstypescript

Manipulating arrays within Vuejs does not trigger a re-render of table rows

I have successfully generated a user table using data retrieved from an ajax request. The table has a structure similar to this: [Image of Table][1] Now, when an admin makes changes to a user's username, I want the respective row to update with the n ...

javascriptajaxvuejs2vue-componentvue-router

HTML comments generated from Freemarker's list notation

Currently, I have integrated Apache Freemarker into an HTML editor where users can create templates using code. For example, a user may write the following code for a list: <#list items as item>...</#list> While this is the correct way to gen ...

javascripthtmlapacheencodingfreemarker

Omit certain fields from validation when using $valid in AngularJS

Within my form, I have two select boxes that allow users to move items between them. Let's call them SelectBox1 and SelectBox2. I move all available options from SelectBox1 to SelectBox2. When I try to submit the form, I check for validity. However, i ...

javascriptangularjsvalidationangularjs-scope

Is it possible to eliminate certain JavaScript code by clicking on something?

I've been searching for a solution to this issue without any luck. Currently, I have two main JavaScript functions running on a website I'm developing. One is for lazy loading images and the other is for smooth scrolling to an anchor link at the ...

javascriptjquery

How come submitting a form without refreshing does not update the database with new values?

I'm encountering an issue with my form and script that is supposed to connect to the operation.php class. Despite having everything set up correctly, the data is not being added to the database and the page does not refresh. I'm perplexed as to ...

phpjavascriptajaxform-submitpage-refresh

Tips for implementing try-catch with multiple promises without utilizing Promise.all methodology

I am looking to implement something similar to the following: let promise1 = getPromise1(); let promise2 = getPromise2(); let promise3 = getPromise3(); // additional code ... result1 = await promise1; // handle result1 in a specific way result2 = await ...

javascriptnode.jspromise

What is the best way to create this server backend route?

I'm currently working on a fullstack project that requires a specific sequence of events to take place: When a user submits an event: A request is sent to the backend server The server then initiates a function for processing This function should ru ...

javascriptnode.jsexpress

Error: An unexpected identifier was encountered while declaring a class attribute

class Data { title: string; fields: string[] = []; parent: string; attributes: any = {}; } Can someone help me out here? I'm encountering an issue. I am running node v14.17.0 This is the error message I'm seeing: title: string; SyntaxE ...

javascriptnode.js

Exploring the Efficiency Enhancements in the next/image Optimization Process within Next.js

I've been delving into Next.js and using the next/image component for image rendering. While leveraging it to enhance image loading in my project, I've become intrigued by the intricate workings behind the scenes. I'm particularly interested ...

javascriptreactjsnext.jsnext-images

When using Stripe checkout, the database IDs are altered, causing issues when trying to delete or update stock in the database using a webhook

I have been working on developing an ecommerce platform using NextJs, Sanity as the CMS, and Stripe as the payment gateway. However, I have encountered an issue during the checkout process. When creating the checkout session, Stripe seems to alter the prod ...

javascriptnext.jsstripe-paymentssanity

Utilize typeahead bootstrap to automatically activate when an item is selected or highlighted from the dropdown menu, retrieving the selected value

When utilizing typeahead bootstrap, my goal is to trigger an action when an item is selected or focused from the menu, allowing me to assign a specific value connected to the selected item. To fully grasp my intention, please refer to the comments within ...

javascriptbackbone.jsautocompletecallbacktwitter-bootstrap

Is it considered best practice to pass an argument that represents an injectable service?

Is it a good practice to pass an argument that is an injectable service to a function? Hello everyone, I have been doing some research but have not found a definitive answer to the question above yet. I am currently working with Angular and came across so ...

typescriptcoding-style

What is the expected return type in TypeScript of a function that returns a void function?

I recently received feedback during a code review suggesting that I add return type values to my functions. However, I am unsure of what return type to assign to this particular function: function mysteryTypeFunction(): mysteryType { return function() ...

javascriptangulartypescript

Effortless Page Navigation - Initial click may lead to incorrect scrolling position, but the subsequent link functions perfectly

While implementing the Smooth Page Scroll code from CSS Tricks, we encountered an issue where clicking on a navigation link for the first time only scrolls down to a point that is approximately 700px above the intended section. Subsequent clicks work perfe ...

javascriptjquerycssscrollsmooth-scrolling