2017-03-30 17 views
-1

ng build 이후 Angularjs 2에서 처음 시도했지만 dist 폴더로 컴파일되었지만 폴더의 index.html에 모든 것이 같지만 참조가 누락 된 모든 스크립트가 있습니다. 폴더. 이전에 누구와 만났습니까? 너는 무엇을 제안 하는가? 첨부 된 오류는 Chrome 오류의 스냅 샷입니다. enter image description hereng 빌드 후 앵귤러 프로젝트가 작동하지 않았다

+1

오류 게시 – raven

+1

"ng serve"를 사용하여 실행할 때 작동합니까? 당신이 겪고있는 문제가 무엇인지 명확하지 않습니다. –

+0

'ng serve'가 정상적으로 작동합니다. 나는 그것에 멋진 것들을 실제로했다. JS는 기본적으로 .ts 확장자를 지원하지 않으므로 내 서버 측 응용 프로그램에서 활용하도록 빌드해야합니다. – Peter

답변

0

file : // 프로토콜을 사용하는 파일 시스템에서 index.html을 여는 것 같습니다. 응용 프로그램이 모든 상대 경로 앞에 "/"접두사가 있어야한다는 태그가 내장되어 있기 때문에 작동하지 않습니다. 파일 프로토콜을 사용하면 파일 시스템의 루트에 있음을 의미합니다.

당신은 다른 기본 경로 지정 응용 프로그램을 구축 할 수 있습니다 :

ng build --base-href=/path/to/your/application/dist/ 

당신은 또한 당신의 index.html을 (예를 들어 아파치 +의 mod_rewrite는) 모든 경로를 매핑 할 수있는 웹 서버에 배포 고려할 수 있으므로 브라우저에서 다시로드 버튼을 누르면 응용 프로그램이 어떤 경로와 상관없이로드됩니다.

+0

은 XAMP를 사용하여 어떻게 작동합니까? 'ng build'에서 경로를 지정해야합니까? – Peter

+0

웹 사이트 루트가 아닌 다른 곳에 배포하려면 base-href 경로를 지정해야합니다. 그러나 localhost에서 응용 프로그램을 개발하려는 경우 "ng build"대신 "ng serve"를 실행하여 node.js를 사용하는 것이 좋습니다. 그런 다음 localhost : 4200에서 응용 프로그램을 사용할 수 있습니다. –