Whilst working on a new Angular project I recently came across an unusual error when trying to build a new project generated through the Angular CLI.
In this post, I’ll explain how I resolved this issue.
> ng build
√ Browser application bundle generation complete.
An unhandled exception occurred: Transform failed with 1 error:
error: Invalid version: “15.2-15.3”
See “XXXXXX\angular-errors.log” for further details.
Javascript offers a number of different ways to iterate over an array. Recently while using the array.forEach syntax, I came across some interesting behaviour when using them with the async/await syntax.
To demonstrate. Lets take the following Javascript code which simply prints some messages to the console every 2 seconds.
function waitForTwoSecs(i) {
return new Promise(resolve => {
setTimeout(() => {
console.log(`loop iteration ${i}`);
resolve('resolved');
}, 2000);
});
}
async function mainProgram() {
const loopIterations = [1, 2, 3];
console.log('mainProgram Start');
loopIterations.forEach(async iteration => {
const result = await waitForTwoSecs(iteration);
});
console.log('mainProgram finished');
}
mainProgram();
JavaScript is becoming ever increasingly more popular as time goes by. While JavaScript has many advantages, it also has many interesting quirks or nuances that can catch out new beginners.
In this post I’ll show you how to deep clone a JavaScript object.
Okay … before we go any further … lets take a step back and understand the problem at hand.
Objects in JavaScript are passed by reference, meaning that any object returned by a function will point to the same memory reference as the original object. Therefore if the caller of the function modifies the returned object, they will actually be changing the original source object.
VSCode is a fantastic IDE for editing <insert your favourite language here> source code. Likewise Angular is a great framework for developing front-end web apps.
When developing applications, we developers usually spend most of our time in the debugger. However, out of the box there is a little bit of setup required to enable debugging of an Angular TypeScript application when using VSCode.
In this post I’ll show you how to configure VSCode debugging for an Angular TypeScript application with the Google Chrome web browser.
© 2024 Shane Bartholomeusz
Theme by Anders Noren — Up ↑