railsにエラーが発生する：webpackerとherokuのパイプライン

Question

私はherokuに配備されたRails 5.1.4アプリを継承しています。それはvuejsとwebpackerを使用している今、herokuに展開する問題を抱えています。 Herokuのは、すくい資産を実行したとき、私は、次のMSGを取得しています：プリコンパイル：

remote:  [13] ./app/javascript/production-guarantee-component.vue 193 bytes {0} [built] [failed] [1 error] 
remote:  [14] ./app/javascript/packs/tmp_dashboard.js 2.44 kB {1} [built] 
remote:  + 4 hidden modules 
remote:  ERROR in ./app/javascript/adder-dashboard.vue 
remote:  Module parse failed: Unexpected token (1:0) 
remote:  You may need an appropriate loader to handle this file type. 
remote:  | <template> 
remote:  | <div class="col-md-12"> 
remote:  |  <adder-component v-for="category in categories" :category ="category"></adder-component> 
remote:  @ ./app/javascript/packs/pricing_dashboard.js 16:0-52 
remote:  ERROR in ./app/javascript/app.vue 
remote:  Module parse failed: Unexpected token (1: 

コードは、ローカルで正常に動作してModule parse failedでも本当に私には意味がありません。デバッグしようとすると良い最初の場所は何ですか？ thx

Answer 1

通常node_modulesが.gitignoreに追加されます。私は地元の生産現場であなたのアプリをテストすることをお勧めします。 RAILS_ENV=production bundle exec rake assets:precompileを実行して、本番環境で資産をプリコンパイルします。

あなたはyarnとJSの依存関係をインストールしている場合は、プリコンパイルレールもyarn installをトリガーする必要があり、その後、本番サーバーrails s -e productionを実行し、

はまた、あなたがadder-dashboard.vueからgithubのリポジトリを見つけると読む必要がlocalenvironmentでそれをテストレール

https://ksylvest.com/posts/2016-09-07/augmenting-a-ruby-on-rails-app-with-vue-js

https://rlafranchi.github.io/2016/03/09/vuejs-and-rails/

でvue.jsを使用する方法についてのドキュメント

Use Dropzone.js with Vue.js

https://coligo.io/real-time-analytics-with-nodejs-socketio-vuejs/