組件沒有顯示在頁面上

我得到了一個Angular2項目，由另一個人開發，我需要運行它。當我這樣做時，使用npm start我讓服務器運行，但名爲my-app的組件不在頁面上呈現。組件沒有顯示在頁面上

這是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>

這是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; 
}

在template爲my-app，這是app/app.component.html我把一個簡單的div來進行測試：

<div><h1>app components</h1></div>

當運行這個我可以看到Loading.....這是在index.html但不是app/app.component.html的內容。

我錯過了什麼？

來源

2016-12-12 Eddy

檢查您的控制檯是否有任何錯誤。 –

我找不到c3.css。 – Eddy

什麼是AuthenticationService？我幾天前遇到了同樣的問題，我不得不在@Componet中添加提供者，並且解決了問題（例如'providers：[AuthenticationService]'） –

我看不到你是否在index.html中的任何地方加載角度和你的轉換後的ts。您需要在index.html中加載運行angular2應用程序所需的全部依賴項，並且還要加載您的轉發ts。

注意： - 您需要將所有鏈接到加載css後的基本標記。

<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"> 
    <base href='/'>

來源

2016-12-12 13:18:23

你是如何加載所有需要的依賴關係的？我正在看這個例子，https://embed.plnkr.???show=preview，並且index.html文件中沒有任何東西可以執行加載角度任務。 – Eddy

@Eddy我看不到任何角度加載在這個運動員？ [看看這個種子]（https://github.com/blinfo/angular2-webpack-seed） –

組件沒有顯示在頁面上

回答

相關問題