2017-12-19 9 views
0

現在、角度2の平均スタックを使用しています。平均スタック - 角度2サイトが完全にロードされていない

Imどこに問題があるかわかりません。

Imが不完全に読み込まれているサイト。 CSSの問題があるかどうかは不明です。

ここでは、のフォルダ構造ポートがAngular 2 appに設定されています。

しかし、私はページを打つことを試みる:私は不完全に読み込まれるCSS。つまり、ページが完全に読み込まれません。 の下

https://imgur.com/a/ByeLK

/var/www/html/Express/Local-MEAN-dev/index.js

... 
const port = process.env.PORT || 9000; 
.... 
//Start Server: Listen on port 9000 
app.listen(port,() => { 
    console.log('Listening on port ' + port); 
}); 

package.json

{ 
    "name": "mean-ang2", 
    "version": "1.0.0", 
    "description": "MEAN Stack with Angular 2", 
    "main": "index.js", 
    "scripts": { 
    "start": "node index.js", 
    "build": "cd client && ng build --prod" 
    }, 
"repository": { 
"type": "git", 
"url": "" 
    }, 
"keywords": [ 
    .. 
], 
"author": "", 
"license": "ISC", 
"bugs": { 
    "url": "" 
}, 
"homepage": "", 
"dependencies": { 
    ... 
}, 
"devDependencies": { 
    "@angular/cli": "^1.2.3" 
} 
} 

/var/www/html/Express/Local-MEAN-dev/admin

私は角2のコードを持っています。

<!doctype html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <title>Food4Smiles</title> 
    <base href="/admin"> 
    <!--<link rel="stylesheet" href="https://bootswatch.com/flatly/bootstrap.css">--> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="assets/static/hmicon.png"> 
</head> 

<body> 
    <app-root></app-root> 
    <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
</body> 

</html> 

管理者のためのカスタムポートを設定するには、私は以下のファイルを編集した:ローカル-MEAN-devの\

を\管理者\ node_modules \ @angular \ CLI \ \ serve.js

コマンド
const defaultPort = process.env.PORT ||9200; 

答えて

0

ヘッドタグにブートストラップCSSリンクを追加します。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
+0

男ああ、なぜこれが働いていませんでした:<?リンクのrel = "スタイルシート" のhref = "https://bootswatch.com/flatly/bootstrap.css"> –

+0

あなたは、ブートストラップ3.3.7バージョンを使用していましたあなたが使ったリンクは違っています。 – Harshaja

関連する問題