問題は、私がHerokuのに反応するアプリケーションをホストするためにしようとしていますHerokuの

Question

上のAppに反応...

私は、ホスティングで、次の方法に従って作成反応し-app..Andを使用してアプリケーションを作成しています...

 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 

どのように私はこの問題を解決することができますか？

Answer 1

私はちょうどあなたのレポをクローンして、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を実行して問題を見つけたり、ビルドエラーの原因となる部分が見つかるまで手動でテンプレートを小さなテスト可能な部分に分割することをお勧めします。