Source File Not Found in Angular CLI project

Question

Hi I have this folders in my project But When I run I get this error

Any idea please?

regards

this might be due to compilation errors in empleado.ts file. Share your empleado.ts file code — Lakshmi Prasanna, May 08 '18 at 12:03
Can you stop and restart your "ng serve". It may be because it does not know the new file added. — Padmapriya Vishnuvardhan, May 08 '18 at 12:11
**DO NOT post images of code, data, error messages, etc.** - copy or type the text into the question. [How To Ask](https://stackoverflow.com/help/how-to-ask) — Rob, Dec 02 '19 at 00:14

score 74 · Answer 1 · answered May 09 '18 at 13:20

74

Rerunning ng serve should help fix the issue. You must have added empleado.ts while the local server was still running, hence Angular would not have seen the file.

answered May 09 '18 at 13:20

Hisham Ahamad

873
7
12

score 15 · Answer 2 · answered Jul 18 '18 at 05:03

Thanks to @Hisham Afzal Ahamed for the solution (stopping and re-starting the Angular compiler).

Stop the compiler: CTRL-C, CTRL-C (or CTRL-C then Y)
Restart: ng serve (or whatever else you're using e.g. a custom npm script)

Basically the Angular CLI sometimes doesn’t ‘see’ files that have been pulled in (e.g. when doing a merge while your compiler is running). Very useful to know. As a general time saver, If you’re pulling files into your solution or doing something similar, or you get an Angular compiler error that makes no sense, or you've made significant changes somehow, it’s always worth stopping then restarting the compiler to do a fresh build - it can save so many headaches!

Manoj Gupta · Answer 3 · 2018-10-10T06:31:49.270

5

When application is running state and at that if you add a file with some export class then it through this type error

ERROR in Source file not found: '/C/abc/xyz/pqr/apps/src/app/comm/ab.ts'.

Solution

restart application again then it works.

By using npm start command

edited Oct 10 '18 at 06:31

answered Sep 11 '18 at 07:46

Manoj Gupta

456
4
9

score 3 · Answer 4 · answered May 09 '18 at 13:13

3

After execute npm start again all works fine Thanks

answered May 09 '18 at 13:13

kintela

1,283
1
14
32

score 3 · Answer 5 · edited Oct 18 '18 at 21:47

3

I have seen this error with the verifications of Angular 4 onwards.
You can solve this error like this.

For the execution CTRL+C)
Run or initialize the server (ng serve or npm start);

edited Oct 18 '18 at 21:47

zx485

28,498
28
50
59

answered Oct 18 '18 at 21:26

diana marcela Moreno

31
3

score 3 · Answer 6 · answered Oct 19 '18 at 09:45

3

Simplest Solution:

I also had the same issue,

The file was present in the directory but it was showing the above error.

Everything was proper but the error was not going.

then I closed the tab and again went to the directory through command prompt and again started the server:

ng serve --open

The error went !!!

answered Oct 19 '18 at 09:45

wins999

1,432
1
9
10

This was the solution for me too. But it repeats to come again severally. – Basil Feb 07 '20 at 11:02

score 3 · Answer 7 · answered Sep 22 '19 at 03:41

This usually happens when you try to create a file using your IDE viz VS code etc. while your code is still compiling. You can stop the server using ctrl+c and then start then start it again using ng serve command to resolve the issue. Make sure that you saved all the files before running ng serve command .

score 1 · Answer 8 · answered Jan 30 '21 at 17:30

1

From my experience:

Just press ctrl with c (ctrl + c) to stop the compiler. Then re-run the command: ng serve

answered Jan 30 '21 at 17:30

Yasasa Jayasuriya

19
1
5

score 0 · Answer 9 · answered May 08 '18 at 12:10

Try to put your empleado.ts file into assets folder and then fetch the file from there.

As, angular recommends to put all your resources in the assets folder including images/fonts/json etc and access from there.

PS: assuming this file contains your static content like dummy data etc.

score 0 · Answer 10 · answered May 08 '18 at 12:11

0

I guess empleado.ts is your class model for empleado, so you need to import in in your app.module

answered May 08 '18 at 12:11

Ferus7

707
1
10
23

score 0 · Answer 11 · answered Jul 03 '18 at 05:46

The error suggest that "source file not found".

This same error I was also getting. In my case by mistake I created a .ts file while ng server was running. The file was not needed so deleted it, from that point I stared getting the error.

I restore the file again without any code and the error is gone now.

Rohit Gaidhane · Answer 12 · 2018-07-11T07:24:45.830

0

i also get this error

export class Product {

constructor(
  public productname: string,
  public qty: string,
  public price:string
) {  }

} this my product.ts file

solution:

the error is that i have written productname as product-name or product_name this both things are not allowed so i hope this will help you

edited Jul 11 '18 at 07:24

answered Jul 11 '18 at 06:20

Rohit Gaidhane

321
2
12

Ayesha · Answer 13 · 2021-05-05T05:32:28.570

0

If your file is modal file, give extension to the file name. Do not keep it just with extension .ts ,for example empledo.modal.ts.

If your file is constants file, give extension to the file name as empledo.constants.ts.

Or you can keep file in asset folder if its dummy data and if it's not required.

edited May 05 '21 at 05:32

answered Apr 06 '21 at 11:13

Ayesha

251
2
7

Source File Not Found in Angular CLI project

13 Answers13

Linked