Angular project `can't find package: src` - Solved

For anyone that runs into this issue. Using absolute paths for Typescript import statements causes project to give an error. It works fine in VS Code locally, but not on Stackblitz.

Wrong: absolute importimport { Employee } from 'src/app/models/employee.model'; Right: relative imports import { Employee } from '../models/employee.model';

I’m new to Angular so I’m not sure what the best practices are.

[linhub15]

No need to enable absolute paths in Angular, I think this is more of a Typescript / Javascript file import thing. Most Angular CLI commands & options only use relative paths.

1. Angular Docs: Strongly encouraged to only write component-relative paths
   • refers to this I believe

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',   <--- is relative
  styleUrls: ['./app.component.css']     <--- also relative
})

1. Angular Docs: Angular CLI options can be either relative or absolute
   • refers to ng g c /path/myComponent --my-option 'C:\documents\more\absolute\paths'

Argument for absolute paths

src
└─app
   ├─core
   |   └─services
   |      └─api.service.ts
   └─features
       └─feature1
          └─employee.component.ts

EmployeeComponent imports the ApiService import { ApiService } from '../../../core/services/api.service'; import { ApiService } from 'src/app/core/services/api.service'; // Configure tsconfig.json

Projects with deep directory structures benefit from absolute import paths. I see you’re already dealing with this in Issue #139, this issue might be duplicate.

[reza3zar]

but it doesn’t work me!!!