Express Server Integration with Angular UI [#3] | Back End & Front End | Web Application

[@AbdullahAlSalem_abood]

for this error: Property 'rows' does not exist on type 'never'. this is my solution: cards:any = [];

[@haithamalnakib9238]

Hello Abdullah! cards are not assigned to a constructor, how where you able to initialize cards in this way?

[@zekariyaszelelew5695]

You my friend, you are awesome!

[@MaryamChouaibi]

thank you

[@theartfactory6807]

error TS2339: Property 'imageName' does not exist on type 'never'.

[@AbdullahAlSalem_abood]

same error: Property 'rows' does not exist on type 'never'.

[@DiegoHidalgo122]

Have you found a solution?

[@haithamalnakib9238]

@@DiegoHidalgo122 Hello diego ! im currently working on the same problem. Maybe we can help each other solving it.

[@MahmoudMouradSidky]

Thank you very much for this video, as I am a beginner and this was veeeeery useful, the only thing is that nodemon did not work until "npm install -g --force nodemon "

[@shaheershukur]

Glad it helped. Thank you so much for sharing your thought😃

[@sauravrathod7046]

Thanks this helped me

[@mattishuman1224]

If anyone else receives an error "nodemon : The term 'nodemon' is not recognized..." all you need to do is install nodemon globally aka "npm i -g nodemon"

[@shreyareddy7341]

Thank you soo much

[@mmasetlogelosetlogelo5874]

Hi Shaheer, I keep hitting an error, please help? When I run the server I get: Error: src/app/home/home.component.html:4:63 - error TS2339: Property 'cols' does not exist on type 'never'. 4 ~~~~ src/app/home/home.component.ts:9:16 9 templateUrl: './home.component.html', ~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component HomeComponent. Error: src/app/home/home.component.html:4:85 - error TS2339: Property 'rows' does not exist on type 'never'. 4 ~~~~ src/app/home/home.component.ts:9:16 9 templateUrl: './home.component.html', ~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component HomeComponent. Error: src/app/home/home.component.html:8:20 - error TS2339: Property 'title' does not exist on type 'never'. 8 {{card.title}} ~~~~~ src/app/home/home.component.ts:9:16 9 templateUrl: './home.component.html', ~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component HomeComponent.

[@hgiangphan]

tips for newbies: if you see error code "Property 'cols' does not exist on type 'never'", in home.component.html change "cards.cols" to "cards['cols']"

[@whatsupgzhere]

Property 'cols' does not exist on type 'never'. and rows got errors too

[@dhruvnagar471]

Even I got the same error. Anyone has the solution to this?

[@whatsupgzhere]

@@dhruvnagar471 create a new angular project and then dont pick yes to the first option

[@ishasinghal9387]

@@whatsupgzhere which first option??

[@omranihamed2182]

cards:{cols:string, rows:string,imageName:string, title:string}[]=[];

[@DiegoHidalgo122]

​@@omranihamed2182 with this solution he does not show me the cards

[@MATETISRAVYACHETHANAMATETISRAV]

im getting error at 14:18 the cards arent showing

[@Anotherdudeeeee]

@ 5:09 I'm getting an error saying "Port 3001 is already in use" help?

[@prateekvarshney83]

Open your task manager if you are on windows and then there you will see a node.js process running in the backend. Just kill that activity and restart yr terminal again. This will surely solve your problem

[@srivishanth2014]

i'm getting error at 8.40 in cols,rows,and card title

[@SolexICS]

same

[@SolexICS]

did you manage to solve the issue?

[@vaishnavishivrajsrivastava2167]

@@SolexICS hey did you get the solution to this error?

[@arpanmaiti4507]

Same

[@arpanmaiti4507]

@@vaishnavishivrajsrivastava2167 did you find any solution?

[@safwanu2be]

poli aanu machaa!!1 iniyum orupad ithupolathe expecting :) kudos :)

[@MrSubandrio]

how to do this using java spring as our backend, can it??

[@pranathij7769]

At 11:41 the error line which showed up for you ,I'm facing the same problem but it got rectified to you I'm unable to do that ,it shows cannot find name 'AppService ' .Pls try to give a solution.

[@shaheershukur]

you mean error line belore the word AppService? press ctrl+space on the word AppService. VS code will suggest auto importing.. Or you can also manually import the AppService at the top of the file by typing..

[@shaheershukur]

you may consider installing this helpful plugin too.. marketplace.visualstudio.com/items?itemName=Angular.ng-template

[@pranathij7769]

@@shaheershukur yah ,I actually found my mistake ,it's the import statement that connects the home component and app.service.ts ,anyway many thanks for the video ,it's Great!!

[@ithacharan5661]

@@shaheershukur i'm getting an error showing that the " Cannot find name 'AppService' in the constructor of home.component.ts .Would be great if you suggest a solution

[@AbhishekKumar-fl8bw]

I'm getting an error while running server, it says "Error in connecting to database". Someone plz help...

[@skyzane2735]

I need help. I was able to run express on Angular dist. Now I can run my Angular web app in localhost:3000. The angular routers are working when clicking the link. However, it is NOT working when I input the URL directly in the browser’s address bar. It just says Cannot GET /home

[@itsjustgui]

Hey! Why can’t I find videos #1 and #2?

[@shaheershukur]

Complete Playlist: kzbin.info/aero/PLXKzVP4cRi8A4G6vnFB5bKpAStskhFwG0

[@haithamalnakib9238]

Hello Shaheer! I know it's a bit late to be asking you about this now. But after completing this part of the project (video#3) I'm receiving an error upon ng serve that says: "Property 'title' does exist on type 'never' (Referring to {{card.title}} in home.component.html file) Sorry for the inconvenience and thankyou in advance!!

[@diestro_]

Click the link to the source code on github. Select the issues panel. Click on the first issue. That's the answer. Took me a while to find out.

[@omranihamed2182]

cards ne sont pas affichées dans UI aidez-moi

[@Samuel_Jebadurai]

Bro, I get this message in the final part " Property 'imageName' does not exist on type '{ cols: string; rows: string; title: string; } " . Please help!

[@Samuel_Jebadurai]

cards:{cols:string, rows:string,imageName:string, title:string}[]=[]; Got it

[@jeffreyfranklinsamuelcsbs8197]

@@Samuel_Jebadurai where do i put it?

[@golu8045]

Can you please make a video, how can I send formdata in backend?

[@komalsutar5551]

I am not able to load the images as per the above instructions Can you please help me

[@shaheershukur]

Are there any errors thrown in the console?

[@tejasvit6598]

@@shaheershukur Hello ,sir it's showing "Failed to load resource:net::ERR_CONNECTION_REFUSED " in the console

[@ashokprakash1417]

Sir, i'm facing some issues. can you help with this?

[@jaisuryasb.sc.ai_da3405]

sir i am facing an error browser say "Failed to load resource: net::ERR_CONNECTION_REFUSED" please help me to solve this problem

[@BrianYator]

You need to restart the localhost:3000 server again i.e. "nodemon --exec npm start app.js "

[@NeHaSingh-dw4pn]

Sir how can i use a fake api for this like fakestoreapi and fetch there product details from the url and use them in our dashboard there images product details product image can you plz rply asap it's really urgent

[@featured_vids]

Hey Shaheer thanks for this amazing post.. but its showing error 404 while running parallel servers of jsexpress and ng serve both on different ports.

[@shaheershukur]

Did you check whether there angular is hitting the correct URL(with port number after 'localhost') on which express is running?, and you are accessing the correct route you've defined in express?.. Sorry for the late reply

[@bablu4195]

getting ELIFECYCLE error while starting express.js

[@kishandave1785]

Thank you for this tutorial! If I wanted to run the angular component on a web server (VM-1) and express component on a separate app server (VM-2), how would I go about doing this? Thank you

[@nebretgebremedhin6535]

Thank you sir for this video but it showing error in the template of componlent HOmeComponent rows and cols does not exist in line 4 and imageName doesnot exist in line 5 and title also does not exist in line 8 how to fix this problem

[@haithamalnakib9238]

Hello, I know it's kind of a late reply, but if you are still interested in finding the solution I can help.

[@mr.triplea3021]

Sir,can you do a video on publish an angular app in iis with node API with mysql

[@volim_pare_hocu_ih_jos]

Error: ../src/app/home/home.component.ts:6:25 - error TS2307: Cannot find module 'node:os' or its corresponding type declarations. 6 import { homedir } from 'node:os'; ~~~~~~~~~ pls help brother

[@omranihamed2182]

cards:{cols:string, rows:string,imageName:string, title:string}[]=[]; dans home.component.ts

[@martynrichu5443]

Very much useful tutorial you have given to us. Thank you very much my brother :D

[@Alfredfreezy3]

Beautiful, it would be nice if you showed us how to do this using nestjs as our backend. I'd really appreciate.

[@tankeuful]

oh Thank you so much Sir for sharing your know-how with us

[@Ayanami3rd]

This is a great tutorial. Unfortunately, creating a web app still seems far too time consuming for me. I hope one day it gets just as easy as creating a desktop UI (with .NET FW for instance)...

[@alpaykoyuncuoglu3387]

Very good explanation! Thank u.

[@abdulaziz7013]

Awesome, Informatic.