Handling Errors and Debugging

// Log messages to the browser console
console.log("App initialized");
console.error("An error occurred");
console.warn("This is a warning");

// Log objects with structure
const user = {
  id: 1,
  name: "John Doe"
};
console.log("User data:", user);

console.log("Current user ID:", userId);
console.log("API response:", responseData);

async function fetchUserData(userId) {<br>  try {<br>    const response = await fetch(`/api/users/${userId}`);<br>    if (!response.ok) {<br>      throw new Error(`HTTP error! status: ${response.status}`);<br>    }<br>    return await response.json();<br>  } catch (error) {<br>    console.error('Failed to fetch user data:', error);<br>    throw error;<br>  }<br>}

import { ErrorHandler } from "@angular/core";
import { IonicErrorHandler } from "ionic-angular";

export class MyErrorHandler implements ErrorHandler {
  handleError(error) {
    console.error("Global Error:", error);
    // Custom logging or reporting logic here
  }
}

// In app.module.ts
@NgModule({
  providers: [
    { provide: ErrorHandler, useClass: MyErrorHandler }
  ]
})
export class AppModule {}

import { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';

@Injectable()
export class LoggingInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    console.log('Request:', req);
    return next.handle(req).pipe(
      tap(response => console.log('Response:', response))
    );
  }
}

npm install -g @ionic/cli
ionic start myApp blank --type=angular
cd myApp
ionic serve

ionic serve --lab

// Open Chrome and navigate to:
// chrome://inspect

// Then click "Open dedicated DevTools for Node"

{
  "name": "myApp",
  "sourceMap": true,
  "sourceMapPath": "./build/maps"
}

import { Capacitor } from '@capacitor/core';

if (Capacitor.isNativePlatform()) {
  // Handle native-specific errors
  try {
    const result = await Camera.getPhoto({
      quality: 90,
      allowEditing: true
    });
  } catch (error) {
    console.error("Native camera error:", error);
  }
} else {
  // Handle web-specific errors
  console.warn("Camera not supported on web");
}

ionic cordova run android --device