2017-12-19 19 views
0

현재 각도 2 인 평균 스택을 사용 중입니다.평균 스택 - 각도 2 완전히로드되지 않는 사이트

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

head 태그에 부트 스트랩 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

오 남자, 왜이없는 작업 : <링크 확인해 = "스타일 시트"HREF = "https://bootswatch.com/flatly/bootstrap.css"> –

+0

당신은 3.3.7 버전의 부트 스트랩 사용했다 그러나 당신이 사용한 링크는 다릅니다. – Harshaja