Почему не работает правильная загрузка изображений в nuxt.js при динамическом подставлении пути?

Question

[ravshan selimov]

Проект на vue + nuxt.js

Есть компонент:

<template lang="pug">
  .vn-image
    .vn-image-loader(v-if="loading")
    img(:src="require(src)" :alt="alt" @load="loading = false")
</template>

src вставляю как в доках
Но всё равно не работает

Cannot find module '~/assets/images/team/aleksandr.png'

webpack:/components/uiElements/vnImage sync:2:  webpackEmptyContext

Что можно сделать?
Придётся webpack перенастраивать или типо того?

Comments

[WapSter]

Проект на vue + nuxt.js

nuxt это и есть vue. Ты используешь свою собственную сборку webpack или при помощи nuxt?

[ravshan selimov]

WapSter, стандартная nuxt

[WapSter]

ravshan selimov, пробуй без require, просто путь вставляй с алиасом

[ravshan selimov]

WapSter, Не работает. Путь становиться таким - "localhost:3000/~/path'

[WapSter]

ravshan selimov, только, что установил с ноля nuxt и просто вставил <img src="@/assets/images/img.jpg" alt="" />
все нормально работает

[ravshan selimov]

WapSter, В этом то и дело, если просто вставлять строку всё работает, а если динамическую переменную то нет