Ich habe ein Angular2
Projekt, das von einer anderen Person entwickelt wurde, und ich muss es ausführen. Wenn ich das mache, benutze ich npm start
Ich bekomme den Server zu laufen, aber die Komponente, genannt my-app
wird nicht auf der Seite rendern.Komponente nicht auf Seite
Dies ist index.html
:
<html>
<head>
<base href='/'>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="c3.css" rel="stylesheet" type="text/css">
</head>
<body>
<my-app>Loading......</my-app>
</body>
</html>
Dies ist app.components.ts
:
import { Component } from '@angular/core';
import { AuthenticationService } from './authentication.service';
import { Router } from '@angular/router';
@Component({
selector: 'my-app',
templateUrl: 'app/app.component.html',
styleUrls: ['app/app.component.css']
})
export class AppComponent {
title = '';
isProd:boolean;
constructor(private authenticationService: AuthenticationService, private router: Router) {
this.isProd = false;
}
Im template
für my-app
, die app/app.component.html
ich zum Testen stellen eine einfache div
ist:
<div><h1>app components</h1></div>
Wenn ich das ausführe, kann ich die Loading.....
sehen, die in index.html
ist, aber nicht den Inhalt von app/app.component.html
.
Was fehlt mir?
Überprüfen Sie Ihre Konsole für Fehler. –
Ich bekomme eine c3.css nicht gefunden. – Eddy
Was ist AuthenticationService? Ich hatte die gleichen Probleme vor ein paar Tagen, ich musste Anbieter in @Componet hinzufügen, und es wurde das Problem behoben (z. B. Provider: [AuthenticationService] ') –