Error loading image

sandilemotsa commented 4 years ago

Thank you. But I still get the same error even after using "require(....)". The image I'm trying to load is in the assets folder and the vue file is in the components folder. The error is as follows:

This dependency was not found:

• @/assets/unit3example1.jpg in ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7acbce70-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Unit3Page.vue?vue&type=template&id=af84d144&scoped=true&

Magdalena Dembna staff premium commented 4 years ago

Can you share a code snippet? Which of our components are you using? Best regards, Magdalena

sandilemotsa commented 4 years ago

The code snippet is given below:

Graphical Method

 <mdb-row>
   <mdb-col>

  <img :src="require('@/assets/unit3example1.jpg')" />

   <!--
   <img src="../assets/unit3example1.jpg"
   alt="unit3example1" class="img-fluid" />
   -->
   </mdb-col>
 </mdb-row>  
        </section>   

sandilemotsa commented 4 years ago

It still doesn't work even without the mdb-components. Strangely, the following works and

But it won't work for any new image added in the assets folder. It just gives the error message " ERROR Failed to compile with 1 errors", This dependency was not found:"

sandilemotsa commented 4 years ago

It still doesn't work even without the mdb-components. Strangely, the following works and

But it won't work for any new image added in the assets folder. It just gives the error message " ERROR Failed to compile with 1 errors", This dependency was not found:"

sandilemotsa commented 4 years ago

I have figured out what the problem was. This option works. There was a problem with the images that I had saved from from Powerpoint. Opening the same images with a Photo editor and saving them with a different name did the trick. Thanks.