PhpStorm shows warning on :src directive in Vue.js

Question

I have Vue file:

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

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

But inspection in PhpStorm gives me warning in :src directive:

This inspection checks unresolved file references in HTML.

I've tried removing : from src (so classic html) and write path with PhpStorm autocomplete (to be 100% sure validity path) and this value bind in data() to key file... but problem persist.

How to tell PhpStorm about vue and directive? (I don't want turn off check for file references)

lena · Accepted Answer · 2020-06-02 20:47:22Z

1

It's a known issue: WEB-42737. Please follow it to be notified on updates.

answered Jun 2, 2020 at 20:47

lena

94.4k11 gold badges154 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

PhpStorm shows warning on :src directive in Vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related