Upon review, an error was identified as follows:
https://i.sstatic.net/8JJsQ.png
[WDS] Compilation errors detected. Reload interrupted.
./src/app/products/products.component.sass Error encountered during module build process (from ./node_modules/sass-loader/lib/loader.js):
The code snippet in question is provided below:
\\Modified components product.components.ts file
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-products',
templateUrl: './products.component.html',
styleUrls: ['./products.component.sass']
})
export class ProductsComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
Please note the following error message:
ERROR in ./src/app/products/products.component.sass Module build failed (from ./node_modules/sass-loader/lib/loader.js):
#DIV_1 { ^ Invalid CSS after "#DIV_1 {": expected "}", was "{" in ...\src\app\products\products.component.sass (line 1, column 9) i ｢wdm｣: Compilation unsuccessful.