Vue.jsなのですが、jsファイルが読み込まれず、現在そのまま{{message}}
と記述されしまいます
コンソールには以下のエラーです
Hello Vueと表示させたいのですが、どうすれば良いでしょうか?
Failed to load resource: the server responded with a status of 404 (Not Found)
app/javascript/packs/main.js
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue'
}
})
app/views/tops/index.html.erb
<div id="app">
{{message}}
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script src="../../javascript/packs/main.js"></script>
Vue.js導入に参考にした記事