L-10 SyntaxError: Invalid or unexpected token

[ashrth]

I am on NEXTJS raffle and I am trying to see the frontend through localhost and when I am running the yarn dev command
it gives me the link but throws this error:
SyntaxError: Invalid or unexpected token
entire error is:

SyntaxError: Invalid or unexpected token
    at Object.compileFunction (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1032:15)
    at Module._compile (node:internal/modules/cjs/loader:1067:27)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/home/ash/nextjs-smartcontract-raffle/node_modules/caniuse-lite/dist/unpacker/browsers.js:1:27)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)

And because of this error maybe http://localhost:3000/ says "This site can't be reached"

Plus, Patrick mentioned in the video that we should use the package.json and yarn.lock file of this lesson from the repo for an error free journey, I did the same. Is this why it is causing an issue?

[alymurtazamemon]

@ashrth This issue occurs due to the wrong syntax used in importing things. Push it to GitHub and leave a link here I will see it.

[krakxn]

^

[ashrth]

@alymurtazamemon It worked when I deleted all the files and reinstalled everything, I think when I copy pasted yarn.lock and package.json from Patrick's repo it caused this error, but I hope I am not going to come across a lot of errors because of different yarn.lock and package.json, I mean I can still duplicate package.json but yarn.lock...I don't think I can.

[alymurtazamemon]

@ashrth You should not copy the lock file just package.json is ok. Because the lock will be generated when you run the install command.

[ashrth]

Ok, thankyou for the reply.