

Vue.jsなのですが、jsファイルが読み込まれず、現在そのまま`{{message}}`と記述されしまいます  
コンソールには以下のエラーです  
Hello Vueと表示させたいのですが、どうすれば良いでしょうか？

[code]

    Failed to load resource: the server responded with a status of 404 (Not Found)
    
[/code]

app/javascript/packs/main.js

[code]

    var app = new Vue({
      el: '#app',
      data: {
        message: 'Hello Vue'
      }
    })
    
[/code]

app/views/tops/index.html.erb

[code]

    <div id="app">
      {{message}}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
    <script src="../../javascript/packs/main.js"></script>
    
[/code]

Vue.js導入に参考にした記事

[既に動いてるRailsにVue.jsを導入する](https://off.tokyo/blog/%E6%97%A2%E3%81%AB%E5%8B%95%E3%81%84%E3%81%A6%E3%82%8Brails%E3%81%ABvue-
js%E3%82%92%E5%B0%8E%E5%85%A5%E3%81%99%E3%82%8B/)


CC BY-SA 4.0
2020-11-12T11:25:27.753
71894
2022-03-14T03:08:05.790
2021-03-22T03:20:56.393
3060
42029
question
javascript ruby-on-rails vue.js
Vue.jsの読み込み時にエラー: Failed to load resource: the server responded with a status of 404


以下の記述で読み込めました。

[code]

    <%= javascript_pack_tag 'main' %>
    
[/code]


CC BY-SA 4.0
2020-11-14T00:47:12.320
71938
2021-03-22T03:21:32.097
2021-03-22T03:21:32.097
3060
42029
71894
answer