Hi I have this folders in my project But When I run I get this error
Any idea please?
regards
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.
Thanks to @Hisham Afzal Ahamed for the solution (stopping and re-starting the Angular compiler).
CTRL-C, CTRL-C
(or CTRL-C
then Y
)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!
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
I have seen this error with the verifications of Angular 4 onwards.
You can solve this error like this.
ng serve
or npm start
);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 !!!
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 .
From my experience:
Just press ctrl with c (ctrl + c) to stop the compiler. Then re-run the command: ng serve
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.
I guess empleado.ts
is your class model for empleado, so you need to import in in your app.module
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.
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
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.
empledo.ts
file contains?