[Vue 警告]：無法解析指令：bin

Question

我是 VueJS 的新手。 嗨，雖然我的應用程序正在運行，但我在控制台中收到此錯誤，該錯誤阻止了 jQuery。

v-for="message in messages" 循環遍歷對象並嘗試顯示該對象。 但收到此錯誤 Vue 警告]：無法解析指令：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>

實際上這是一個laravel刀片所以不要擔心@標志

Answer 1

添加 v-bind 指令后我遇到了同樣的錯誤。結果，我有一個錯字，而不是v-bind我有v-bin 。

將來，如果我收到“無法解析指令：X”消息，我將在我的源代碼中查找字符串vX 。

Answer 2

如果您停止系統並重新啟動它，問題將得到解決。 使用 Vuetify 時，您必須在添加任何組件或屬性后停止系統一次。