Each time I save a .html file in my angular app, the Ionic extension adds this line to the corresponding .ts file: import { addIcons } from "ionicons"; While, I do use Ionic in other app I develop, the current app I am working on is not using Ionic. Here is the package.json { "name": "xxx", "version": "0.0.1", "scripts": { "ng": "ng", "build": "build:development", "watch": "ng build --watch --configuration development", "start": "ng serve --configuration=development", "startroduction": "ng serve --configuration=production", "build:development": "ng build --configuration=development --base-href=./ --aot --optimization", "buildroduction": "ng build --configuration=production --output-path=Client/ --base-href=./ --aot --optimization", "test": "ng test" }, "private": true, "dependencies": { "@angular/animations": "^18.1.0", "@angular/cdk": "^18.1.3", "@angular/common": "^18.1.0", "@angular/compiler": "^18.1.0", "@angular/core": "^18.1.0", "@angular/forms": "^18.1.0", "@angular/material": "^18.1.3", "@angular/platform-browser": "^18.1.0", "@angular/platform-browser-dynamic": "^18.1.0", "@angular/router": "^18.1.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.3" }, "devDependencies": { "@angular-devkit/build-angular": "^18.1.3", "@angular/cli": "^18.1.3", "@angular/compiler-cli": "^18.1.0", "@types/jasmine": "~5.1.0", "jasmine-core": "~5.1.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", "typescript": "~5.5.2" } } It looks like I have the Ionic v1.93.1 installed. I am using angular 18 and material, somehow I guess Ionic thinks mat-icon is an ionic component and thus adds the import statement. I've looked at the ionic settings in vs code and nothing is available to stop this feature. Please let me know if there is a way to stop this (without uninstalling or disabling the Ionic extension). Continue reading...
