Webpack无法解析JS变量提供的路径

Question

我正在使用vue和ionic制作一个应用程序，但是当尝试加载资产时，路径无法解析。

<template>

    <div id="index">

        <img :src="image.src" v-for="image in images">

    </div>

</template>

<script>

export default {

    name: 'Inicio',

    data() {

        return {

            images: [

                {src: '@/assets/xxx.png'},

                {src: '@/assets/xxxx.png'},

                {src: '@/assets/xxx.png'}

            ]

        }

    }

}

</script>

src属性中的路径看起来像在var中键入的路径'@/assets/xxx.png'。

但是，如果我直接执行此操作，请在图像中手动键入src，就像<img src="@/assets/xxx.png">它正确加载图像一样。