2017-09-07 11 views
0

에 앱 반응 ...문제는 내가 호스팅에 다음과 같은 방법을 추적-app..And 반응 만들 사용하여 응용 프로그램을 만들었습니다</p> <p>... (가)에게 Heroku에서 응용 프로그램을 반응 호스트하기 위해 노력하고 Heroku가

 git init 
     heroku create $APP_NAME --buildpack https://github.com/mars/create-react-app-buildpack.git 
     git add . 
     git commit -m "Start with create-react-app" 
     git push heroku master 
     heroku open 

그러나 나는 다음과 같은 오류를 반환 Heroku가 앱을 밀어하려고 ...

 remote: - htmlparser.js:235 new HTMLParser 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[html-minifier]/src/htmlparser.js:2 35:13 
     remote: 
     remote: - htmlminifier.js:946 minify 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[html-minifier]/src/htmlminifier.js :946:3 
     remote: 
     remote: - htmlminifier.js:1299 exports.minify 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[html-minifier]/src/htmlminifier.js :1299:10 
     remote: 
     remote: - index.js:296 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[html-webpack-plugin]/index.js:296: 16 
     remote: 
     remote: - util.js:16 tryCatcher 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[bluebird]/js/release/util.js:16:23 
     remote: - promise.js:512 Promise._settlePromiseFromHandler 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[bluebird]/js/release/promise.js:51 2:31 
     remote: 
     remote: - promise.js:569 Promise._settlePromise 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[bluebird]/js/release/promise.js:56 9:18 
     remote: 
     remote: - promise.js:614 Promise._settlePromise0 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[bluebird]/js/release/promise.js:61 4:10 
     remote: 
     remote: - promise.js:693 Promise._settlePromises 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[bluebird]/js/release/promise.js:69 3:18 
     remote: 
     remote: - async.js:133 Async._drainQueue 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[bluebird]/js/release/async.js:133: 16 
     remote: 
     remote: - async.js:143 Async._drainQueues 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[bluebird]/js/release/async.js:143: 10 
     remote: 
     remote: - async.js:17 Immediate.Async.drainQueues 
     remote:  [build_4acd980d8a80e0486da141a82d0b3cee]/[bluebird]/js/release/async.js:17:1 4 

가 어떻게이 문제를 해결할 수 있습니까?

+0

디렉토리에 procfile 파일이 있습니까? 거기에 Heroku에게 앱 시작 방법을 알려 주어야합니다. procfile에서, 당신은 다음과 같은 것을 넣을 수 있습니다 : web : npm start. Heroku CLI에서 heroku logs --tail을 실행하여 더 많은 오류 정보를 얻으십시오. –

+0

@CrissiMariamRobert : 문제는 당신이 지을 때라고 생각합니다. '원사 빌드'또는'npm 실행 빌드 '로 빌드를 시도해보고 오류가 발생하는지 확인할 수 있습니까? –

답변

0

방금 ​​repo를 복제하고 npm install + npm run build을 시도했습니다. npm run build이 로컬에서 작동하지 않는 것을 발견했습니다. 따라서 이것은 Heroku 배치가 아닌 코드의 오류입니다.

오류는 HTMLParser에서 발생하므로 public/index.html을 살펴보고 많이 맞춤 설정된 템플릿을 찾았습니다.

public/index.html 콘텐츠가 문제가되는지 확인하려면 기본 create-react-app HTML 템플릿 코드로 바꾸 었습니다. 그런 다음 npm run build이 성공적으로 완료되었습니다.

따라서 인데, public/index.html에있는 HTML의 유효성에 문제가있어서 create-react-app의 템플릿 엔진이 손상되었습니다. HTML validator을 실행하여 문제를 찾거나 빌드 오류가 발생하는 부분을 찾을 때까지 수동으로 템플릿을 테스트 할 수있는 작은 조각으로 나누는 것이 좋습니다.