[Solved] Why does this Angular Web Worker code fail?const worker = new Worker(new URL('./worker', import.meta.url)); worker.onmessage = (event) => console.log(event.data); worker.postMessage(); | Angular

Angular - Performance Optimization

Why does this Angular Web Worker code fail?

const worker = new Worker(new URL('./worker', import.meta.url));
worker.onmessage = (event) => console.log(event.data);
worker.postMessage();

Aonmessage must be assigned after postMessage is called.

BWorker file extension is missing, causing failure.

CpostMessage requires an argument; calling without one causes an error.

DWorker cannot be created with new URL syntax.

Step-by-Step Solution

Solution:

Step 1: Check worker file path correctness
The path './worker' lacks a file extension, which is required for Angular to locate the worker file.
Step 2: Understand Angular worker file resolution
Angular expects the worker file to have an extension like '.worker.ts' or '.worker.js' to process it correctly.
Final Answer:
Worker file extension is missing, causing failure. -> Option B
Quick Check:
Worker file must include extension for Angular to find it [OK]

Quick Trick: Always include file extension in worker URL [OK]

Common Mistakes:

Master "Performance Optimization" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Why does this Angular Web Worker code fail?