PhpStorm 在 Vue.js 中对 :src 指令显示警告

Question

我有 Vue 文件：

<template>
    <div class="card">
        <img :src="file" alt=""/>
    </div>
</template>

<script>
    export default {
        name: 'card',
        data() {
            return {
                file : 'assets/images/playingCards/backSide.jpg'
            }
        }
    };
</script>

但是 PhpStorm 中的检查在 :src 指令中给我警告：

This inspection checks unresolved file references in HTML.

我尝试从 src 中删除 :（如此经典 html）并使用 PhpStorm 自动完成写入路径（100% 确保有效路径）并将此值绑定data() 键 file...但问题仍然存在。

如何告诉 PhpStorm vue 和指令？（我不想关闭文件引用检查）

Answer 1

这是一个已知问题：WEB-42737。请关注它以获取更新通知。

PhpStorm 在 Vue.js 中对 :src 指令显示警告

PhpStorm shows warning on :src directive in Vue.js

vue.js

path

phpstorm