I'm facing a problem with aliasing after migrating my application to an Angular project.
None of my imports are functioning properly with the ""@app"" alias.
mainApp
│ package.json
│ tsconfig.json
│ angular.json
│
└───projects
│
└───my-project (The specific project requiring aliasing)
│ tsconfig.app.json
│
└───src
│
└───app
When I try to use:
import { MyService } from '@app/shared/services/my.service';
Error messages appear.
In my tsconfig.app.json:
{
"extends": "../../tsconfig.json",
"compilerOptions": {
"outDir": "../../out-tsc/app",
"types": []
},
"files": [
"src/main.ts",
"src/polyfills.ts"
],
"baseUrl": "./",
"paths": {
"@app/*": ["src/app/*"],
"@env/*": ["environments/*"]
},
"include": [
"src/**/*.d.ts"
]
}
I attempted
"@app/*": ["projects/my-project/src/app/*"],
I also made changes to my main tsconfig.json:
....
"baseUrl": "./",
"paths": {
"@app/*": ["src/app/*"],
"@env/*": ["environments/*"]
},
...
After these adjustments, I tried serving the project:
ng serve --project my-project