js-code | js some code and packaged plugins

I'm using bootstrap v4.3.1 in a ASP.NET MVC core website. I have a navbar where I have the .active class on the a tag on the first li:

Here is the html-element (in its original state) I'm using to display a loading spinner throughout the app (using mostly Bootstrap classes):

I've got Uncaught TypeError: Cannot read property 'join' of null in the line translate(${projection([longitude, latitude]).join(",")}). I've already checked that my var locations has data in it:

So, can't understand where is the problem?

Full js-code:

I'm running into a double execution of my axios request in a functional react-app, which by random inserts 1 or 2 rows instead of always just 1 row into the database. Tried to wrap it in a useEffect-Hook...did not help. By logging the execution function it seems only to run once. But on the php-side it's kind of executed twice. The strange thing is, that I've implemented the same thing in two other parts of the app (just different items) and there the same code just works fine...any help very appreciated! Thx in advance!

Js-Code in React:

I have an Android application with a NodejS-Backend. The backend provides an private API-endpoint, which I have protected with Auth0.

This is my NodeJS-Code:

I'm trying to write a code which adds hovertool performing customer js-code over figure.line object. In order to do it I used userguide code as example (https://docs.bokeh.org/en/latest/docs/user_guide/interaction/callbacks.html#customjs-for-hover) but simplified and modified (see below). I've found that it works over figure.segment however doesn't work over figure.line.

Here is complete example:

In the OpenUI5 documentation is written:

Now, we create a new index.js script that will contain the application logic for this tutorial step. We do this to avoid having executable code directly in the HTML file for security reasons. This script will be called by the index.html. We defined it there as a module in a declarative way.

In other words, the official OpenUI5 documentation advices to extract the following code:

I'm trying to make a small script with an if-statement: I want the condition to be, that if the class "page-title" contains "Welcome" it will add the class "excluded" to the element with the other class called "example". This is the js-code I've tried so far without luck:

In my nodejs-code, I have replaced many require(x) with ES6 import { ... } from "x". Unfortunately, this is very bad for the launch time of my nodejs-CLI-program.

Let me first give you a little bit of background:

I have a nodejs-CLI-program that uses a whole bunch of external packages, but most of those packages are only required under rare circumstances (for example, if specific flags were passed to my program). Those imports impose a significant overhead for the launch time of my program. Even trivial commands like myprogram --help take more than one second because of those imports.

To fix this launch time problem, I would like to do "dynamic imports" for certain functionality. In other words, I would like to import certain packages only if a specific functionality is actually needed by a given CLI-command.

With the old require-mechanics, this was trivially possible with a conditional call to require. However, I am not sure how to do this for modern TypeScript-code.

Please let me know if you have any suggestion for this kind of launch time problems.