'Nuxt+Tailwind: background-image with arbitrary values

While creating a project on the Nuxt + Tailwind stack, I stumbled upon another problem. Following the documentation I wanted to add a background image, but css does not display it (other Tailwind classes work)

**.vue

<div class="bg-[url('img/stories/desktop/18-days-voyage.jpg')]">
  <h3>The Mountains</h3>
  <p>by John Appleseed</p>
  <a href="/6">Read story</a>
</div>

However, if I am use the img tag with the same path to the image, then it displays.

<img src="img/stories/desktop/18-days-voyage.jpg" alt="" />

Need to make the first way work. Can you tell me where to dig? Thanks in advance.

vue.jsnuxt.jstailwind-css


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions