2016-11-16 3 views
0

각도 2에서 새 응용 프로그램을 작성하고 있는데 angular-cli에서 명령 (ng serve)을 사용하면 완벽하게 작동했습니다. 그러나 명령 (ng 빌드 또는 ng 빌드 --prod)을 사용하여 Tomcat 서버에 응용 프로그램을 넣으려고하면 일부 이미지가 인식되지 않습니다. 그것들 전부는 아니었지만, 단지 2 개였습니다. 제가 특정 구성 요소의 배경으로 설정 한 것들이었습니다. 코드 라인은 다음angular2에서 이미지를 찾을 수 없습니다

<body [ngStyle]="{'background-image': 'url(' + '../../img/image1.jpg' + ') no-repeat fixed center' }"> 


<div class="panel col-lg-12" [ngStyle]="{'background-image': 'url(' + '../../img/image2.jpg' + ') repeat-x center'}"> 

내가 ngStyle없이 CSS 파일에 설정을 시도하고이 중 하나가 작동하지 않았다. 그것은 서브에서 잘 작동하지만 빌드를 시도 할 때 작동하지 않습니다.

또한, ng 빌드에 다른 문제가 있습니다. 페이지를 F5로 만들려고 할 때마다 경로를 인식하지 못합니다. 링크를 클릭하면 다른 페이지로 리디렉션되지만 URL 바에 주소를 입력하면 작동하지 않습니다 (집 주소 제외).

답변

0

내 생각에 이미지가 없습니다 distng 빌드에 의해 생성 된 폴더입니다. 이 dist 폴더를 확인하십시오. 내 생각에, 아직 버그입니다. 그것이 사실이라면 그 공개 폴더를 dist 디렉토리에 복사하여 붙여 넣으십시오.

희망이 도움이 될 것입니다.

+0

감사합니다. 그것은 효과가있었습니다. 나는 또한이 문제를 해결할 다른 방법을 찾을 수 있었다. 외관상으로는 내 각형 cli 버전은 구형이었습니다 (2 달 전에 설치 한 것 같습니다). 그래서 방금 업데이트 했으므로 이미지 디렉토리를 인식 할 수있었습니다. –

+0

네, 방금 다시 실행하려했으나 루트 디렉토리에 폴더를 복사하지 않으면 작동하지 않았습니다. 그렇다면 제대로 작동합니다. 도와 줘서 고마워. –

관련 문제