Erhalten von Fehlern in Schienen Anlage: Pipeline mit Webpacker und Heroku

Question

Ich habe eine Rails 5.1.4 App, die ich erbte, die auf Heroku bereitgestellt wird. Es benutzt webpacker mit vuejs und habe jetzt Probleme bei der Bereitstellung auf Heroku. Ich erhalte die folgenden msg wenn Heroku Rake Vermögenswerte laufen: precompile:

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: 

Der Code fein lokal ausgeführt wird und die Module parse failed nicht einmal wirklich Sinn für mich. Was ist ein guter erster Ort zum Debuggen? thx

Answer 1

normalerweise wird node_modules zu .gitignore hinzugefügt. Ich empfehle Ihnen, Ihre App in lokalen Produktionsumgebung zu testen. Führen Sie RAILS_ENV=production bundle exec rake assets:precompile aus, um Ihre Assets in der Produktion vorzukompilieren.

Wenn Sie js Abhängigkeiten mit yarn installieren, die Schienen Vorkompilieren sollte auch yarn install auslösen, führen Sie dann den Produktionsserver rails s -e production und testen Sie es in localenvironment

Auch müssen Sie die GitHub-Repository von adder-dashboard.vue finden und lesen Sie die Dokumentation über vue.js mit Schienen

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/

mit

Use Dropzone.js with Vue.js

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