Q&A
> 出そうとしたが以下のようなエラーが出た。
記載がないように見えます～
- この記事の通りにしてvueを、Rails環境にインストール
https://qiita.com/cohki0305/items/582c0f5ed0750e60c951
- hello_vueのファイルを書き換えて {{message}} で Hello Vue を出そうとしたが以下のようなエラーが出た。
JSの書き方がおかしいのでしょうか？よろしくお願いします。
javascript>pack>hello_vue.js
js
1 2import Vue from 'vue' 3import App from '../app.vue' 4 5import Vue from 'vue/dist/vue.esm' 6 7document.addEventListener('DOMContentLoaded', () => { 8var app = new Vue({ 9el: '#app', 10data: { 11message: 'Hello Vue!' 12} 13}) 14}) 15 16
▼ application.html.erb
html
1<!DOCTYPE html> 2<html> 3<%= javascript_pack_tag 'hello_vue', 'data-turbolinks-track': 'reload', defer: true %> 4 <head> 5 <title>VueRails</title> 6 <%= csrf_meta_tags %> 7 <%= csp_meta_tag %> 8 9 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 10 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 11 </head> 12 13 <body> 14 <%= yield %> 15 </body> 16</html> 17
回答1件
0
webpacker がインストールできていないようにみえるため、
rails/webpacker の Installation に沿って、インストールもう一度行ってみてはいかがでしょうか
投稿2019/09/07 03:52
総合スコア1531
ありがとうございます。
今添付したのですが、webpackerのインストールは完了してると思っています
（再度やり直しましたが全く同じエラーが出ました）
あなたの回答
tips
プレビュー
