[RUBY] [Lösung] Webpacker-Fehler "ActionView :: Template :: Error Webpacker kann hello_vue ~ nicht finden", wenn Vuetify in Rails6 eingeführt wird

Prozess, der einen Fehler verursacht hat

Rue6 wurde vue eingeführt und vuetify hinzugefügt. → Kopieren Sie die vuetify-Teile und fügen Sie sie als Test ein. → Schienen s → Beim Kompilieren ist ein Fehler aufgetreten, um mit dem Browser zu überprüfen, ob er ordnungsgemäß funktioniert.

Fehlerinhalt

ActionView::Template::Error (Webpacker can't find hello_vue in /usr/src/myapp/public/packs/manifest.json. Possible causes:
1. You want to set webpacker.yml value of compile to true for your environment
   unless you are using the `webpack -w` or the webpack-dev-server.
2. webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your webpack configuration is not creating a manifest.
Your manifest contains:
{
  "application.js": "/packs/js/application-9afcbb5693aa87623e69.js",
  "application.js.map": "/packs/js/application-9afcbb5693aa87623e69.js.map",
  "components/user.js": "/packs/js/components/user-156f569cb5c8b04ee2e1.js",
  "components/user.js.map": "/packs/js/components/user-156f569cb5c8b04ee2e1.js.map",
  "entrypoints": {
    "application": {
      "js": [
        "/packs/js/application-9afcbb5693aa87623e69.js"
      ],
      "js.map": [
        "/packs/js/application-9afcbb5693aa87623e69.js.map"
      ]
    },
    "components/user": {
      "js": [
        "/packs/js/components/user-156f569cb5c8b04ee2e1.js"
      ],
      "js.map": [
        "/packs/js/components/user-156f569cb5c8b04ee2e1.js.map"
      ]
    },
    "main": {
      "js": [
        "/packs/js/main-f6918c73db91592ebf7f.js"
      ],
      "js.map": [
        "/packs/js/main-f6918c73db91592ebf7f.js.map"
      ]
    }
  },
  "main.js": "/packs/js/main-f6918c73db91592ebf7f.js",
  "main.js.map": "/packs/js/main-f6918c73db91592ebf7f.js.map"
}
):
    11: 
    12:   <body>
    13:     <%= yield %>
    14:     <%= javascript_pack_tag 'hello_vue' %>
    15:   </body>
    16: </html>
  
app/views/layouts/application.html.erb:14
^C- Gracefully stopping, waiting for requests to finish
=== puma shutdown: 2020-11-12 02:56:13 +0000 ===
- Goodbye!

Wie hier geschrieben, → https://github.com/rails/webpacker#vue Durch Ausführen des folgenden Befehls von oben wurde der Fehler behoben.

./bin/rails webpacker:install
./bin/rails webpacker:install:vue
bin/webpack

Recommended Posts

[Lösung] Webpacker-Fehler "ActionView :: Template :: Error Webpacker kann hello_vue ~ nicht finden", wenn Vuetify in Rails6 eingeführt wird
[Rails 6] Was tun, wenn nach der Einführung von haml ein fehlender Vorlagenfehler auftritt? [Super easy]
[Rails] Lösung, wenn ein Migrationsfehler in Acts-as-Taggable-On auftritt
Rails 6-Startfehler "Webpacker-Konfigurationsdatei nicht gefunden" Lösung
Einführung in Bootstrap in Rails 5
Bootstrap in Rails einführen !!
[Rails] Heroku-Bereitstellungsfehler ActionView :: Template :: Error (Mysql2 :: Error: Tabelle --- existiert nicht):