After making changes to the HTML file of an Angular component, the browser does not reflect those changes when connected to localhost. Even though the old string is no longer present in the project, the browser continues to display it. Interestingly, opening the HTML code within IntelliJ shows the updated changes.
I have attempted various solutions such as disabling caching on disk and memory in the browser, trying private mode in Firefox, deleting the dist folder, rebuilding the project, and running npm cache clear --force
Angular Version:
Angular CLI: 12.2.14
Node: 14.18.0
Package Manager: npm 6.14.15
OS: win32 x64
Angular: 12.0.5
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1200.5
@angular-devkit/build-angular 12.0.5
@angular-devkit/core 12.0.5
@angular-devkit/schematics 12.2.14
@angular/cli 12.2.14
@ngtools/webpack 13.0.4
@schematics/angular 12.2.14
rxjs 6.6.7
typescript 4.2.4
The angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
.......
The package.json
{
"name": "landingpage",
"version": ..........