Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

366
Views
Angular 4.1.0 in Plunker: adding component returns 404 XHR Error

I'm trying to use Angular 4 with Plunker and I can't manage to add a new component. The URL is: https://plnkr.co/edit/1umcXTeug2o6eiZ89rLl?p=preview

I've just created a new component - mycomponent.ts - with the minimum of declarations. Then, in app.ts, I'm adding the importing declaration:

import {MyComponent} from "./mycomponent";

and add the component in the declarations array within the @NgModule decorator:

 declarations: [ App, MyComponent ],

This last bit breaks it and returns a 404 XHR error. So far I just played with changing the import declaration ("./" or not), inline/URL template for the component template, chrome/firefox browsers but nothing works so far. I'm inclined to think it's Plunker's fault :S

over 4 years ago · Santiago Trujillo
1 answers
Answer question

0

Change the name of mycomponent.ts to src/mycomponent.ts and it will work.

The error is because it can't include the component (bad pathing).

Don't forget to add <combo-compo></combo-compo> to your app.ts template.

Check it out:

enter image description here

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!