DEV Community: Magima Felix O

problem with image/video loading in Next js

Magima Felix O — Tue, 16 Mar 2021 13:17:06 +0000

Hello Next Js Developers
I have had this problem for days now.
How does one go about it.
Iam am trying to add a background Image/Video on A Next js Page(component). But does not really work!

/_______________here is the error____________________

Failed to compile
./pages/clip/elephant.jpg 1:0
Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

/__________i have tried to go through webpack docs but all in vain
Thank and happy day of coding!!!!!

Help with includes() in js

Magima Felix O — Thu, 18 Feb 2021 22:31:42 +0000

 ANY HELP WITH JAVASCRIPT includes() function

const formA = [
    {id:37,name:'New',another:'things'},
    {id:31,name:'Old',another:'things'},           
    {id:3,name:'Oldest',another:'things'}
 ];

 const formB = [
    {id:37,name:'New',another:'things'},
   {id:31,name:'Old',another:'things'},          
   ];

   const difference = formA.filter(x => !formB.includes(x.name))
   console.log(difference);

would someone kindly explain to me how includes() method works?
i was expecting____ [{id:3,name:'Oldest',another:'things'}] as output

but instead getting.

//__________output
[
{ id: 37, name: 'New', another: 'things' },
{ id: 31, name: 'Old', another: 'things' },
{ id: 3, name: 'Oldest', another: 'things' }
]