laragonとVueを使用すると、レンダリングされないコンポーネント

Question

VueとLaravelを使用して画像をアップロードしようとしています。 vueは私のためにレンダリングされません。それはおそらく、小さくて愚かなものですが、だれかが推測したいと思っていますか？

resources/assets/js/app.js

Vue.component('image-upload', require('./components/ImageUpload.vue')); 

const app = new Vue({ 
el: '#app' 
}); 

resources/assets/js/components/ImageUpload.vue

<template> 

    <div> 
     <div class="form-group"> 
       <label for="image">Image</label> 
       <input type="file"> 

       <div class="help-block"> 
        Help 
       </div> 
     </div> 


     <div> 
      <input type="hidden" name="image_id"> 
      <img class="image" alt="Current image"> 

     </div> 
    </div> 


</template> 

resources/views/profile/edit.blade.php

<div class="form-group"> 
    <image-upload></image-upload> 
</div> 

Answer 1

私は私のdefault.blade.phpファイルから

<script src="/js/app.js"></script> 

がありませんでした。ご協力ありがとうございました。

Answer 2

は、私はあなたがVUE要素としてdiv要素を定義いけないと思い

はこのようにDIV、それをテストするためにIDを追加します。

<div id="app" class="form-group"> 
    <image-upload></image-upload> 
</div> 

Answer 3

あなたの資産をコンパイルするnpm run watchまたはnpm run devを実行していますか？

あなたがいない場合は、Laravel Docsに従ってください。