[Vue warn] :지시문을 확인하지 못했습니다. bin

[Vue warn] :지시문을 확인하지 못했습니다. bin

나는 VueJs에 처음이야.안녕하세요. 앱이 작동 중인데 콘솔에 jQuery를 차단하는 오류가 나타납니다.

v-for="message in messages"가 개체를 루프하고 개체를 표시하려고 하지만 다음 오류가 발생합니다. Vue warn]:지시문을 확인하지 못했습니다. bin

<li v-for="message in messages" class="conversation-item">
<div class="" v-bind:class="message.direction" id="direction" title="other">
    <div class="conversation-avatar">
        <img class="rounded"
          width="36" height="36"
          src="assets/images/messenger-img.jpg"
          alt="">
        </div>
    <div v-if="message.contentType == 'file'" class="conversation-messages">
        <div class="conversation-message">
            <a class="file-link" :href="message.content" :title="message.fileName" :download="message.fileName">
                <div v-if="message.fileType == 'fileType'" class="message file-thumbnail" v-bind:style='{ backgroundImage: "url(" + message.content + ")", }'>
                </div>
                <div v-else class="message.file-thumbnail" v-bind:style='{ backgroundImage: "url(" + message | filterFile + ")", }'>
                </div>
                <div class="file-info"> 
                    <span class="file-name">@{{ message.fileName }}</span> 
                </div>
            </a>
            </div>
        <div class="conversation-timestamp">@{{ message.sentAt }}
        </div>
    </div>
    <div v-else class="conversation-messages">
        <div class="conversation-message">
            <a target="_blank" class="other_chat"></a><span>
                @{{ message.content  }}
            </span></div>
        <div class="conversation-timestamp">@{{ message.sentAt }}
        </div>
    </div>
</div>
</li>

사실 이건 라라벨 블레이드니까 @표시는 신경 쓰지 마세요.

v-bind 지시문을 추가한 후에도 동일한 오류가 발생했습니다.알고 보니 오타가 났고, v-bind 대신 v-bin이 나왔어요.

앞으로 "Failed to resolve directive: X" 메시지가 표시되면 소스 내에서 문자열 v-X를 찾습니다.

시스템을 한 번 정지했다가 다시 시작하면 문제가 해결됩니다.Vuetify 사용 시 구성 요소 또는 속성을 추가한 후 시스템을 한 번 중지해야 합니다.

언급URL : https://stackoverflow.com/questions/44886206/vue-warn-failed-to-resolve-directive-bin