Error generationg webp

[fainemesquita]

Error when trying to generate webp images.

Whenever I use "?webp" as in the example below, I get the following error:
"Failed to compile with 1 errors
This dependency was not found:

• ~/assets/images/home-header-mobile.jpg?webp in ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/string-replace-loader??ref--11!./pages/index.vue?vue&type=template&id=2a183b29&scoped=true&

To install it, you can run: npm install --save ~/assets/images/home-header-mobile.jpg?webp"

        <figure class="picture">
            <picture>


              <source :srcSet="require('~/assets/images/home-header-mobile.jpg?webp')" type="image/webp" />
              <source :srcSet="require('~/assets/images/home-header-mobile.jpg')" type="image/jpeg" />
              <img :src="require('~/assets/images/home-header-mobile.jpg')" />
            </picture>
          </figure>

Removing the "?webp" particle allows my code to run but obviously I don't get a webp. Lazy loading is working fine though.

[RauppRafael]

Have you installed webp-loader as a dependency?

[fainemesquita]

Yes, I have it installed.

In the meantime, had updated all my packages and it now works for jpg.
However, nothing is displayed neither I have an error thrown when I try to use the same approach for svg.
Changed the type to type="image/svg+xml" and type="image/svg" with no success.

[juliomrqz]

@fainemesquita Can you provide a live example? Maybe using CodeSandbox. Thanks.