[Vue 警告]:无法解析指令:bin

Posted

技术标签:

【中文标题】[Vue 警告]:无法解析指令:bin【英文标题】:[Vue warn]: Failed to resolve directive: bin 【发布时间】:2017-12-06 18:14:18 【问题描述】:

我是 VueJS 的新手。 嗨,虽然我的应用程序正在运行,但我的控制台中出现了这个错误,它阻止了 jQuery。

v-for="message in messages" 循环遍历对象并尝试显示该对象。但收到此错误 Vue warn]: Failed to resolve directive: 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"
           
          src="assets/images/messenger-img.jpg"
          >
        </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 刀片所以不用担心@符号

【问题讨论】:

从错误消息中,我假设您在代码中的其他地方有错字,您在其中添加了 v-bin 指令而不是 v-bind 在您的代码中搜索 v-bin 并分享您的发现。 【参考方案1】:

我在添加 v-bind 指令后遇到了同样的错误。原来,我有一个错字,而不是 v-bind 我有 v-bin

将来,如果我收到“无法解析指令:X”消息,我将在我的源中查找字符串 v-X

【讨论】:

我以Failed to resolve directive: disabled 的形式遇到了这个问题,这听起来很神秘,但实际上我认为 Vue 是 AngularJS 并使用 v-disabled 而不是 :disabled... 我在使用 v-modal 而不是 v-model 时遇到了这个问题....sighhhhhhh 这个回复是救命稻草!【参考方案2】:

如果您停止系统一次并重新启动它,问题将得到解决。使用 Vuetify 时,必须在添加任何组件或属性后停止系统一次。

【讨论】:

以上是关于[Vue 警告]:无法解析指令:bin的主要内容,如果未能解决你的问题,请参考以下文章

[Vue 警告]:无法解析组件

[Vue 警告]:指令中的错误 intersect unbind 钩子:“TypeError:无法读取未定义的属性‘observer’”

无法使用解析库:解析链接器警告:文件是为不受支持的文件格式构建的

DataTables 警告:无法解析来自服务器的 JSON 数据。这是由 JSON 格式错误引起的

编译器警告“找不到模块:错误:无法解析'./locale'”,因为我在我的反应应用程序中使用了 momentjs [重复]

Vue 编译器无法解析“vue”