Thursday, March 18, 2021

Permission Error when trying to create new react app

npm ERR! code EPERM
npm ERR! syscall open
npm ERR! path C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\5f495f30
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\5f495f30'
npm ERR!  [OperationalError: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\5f495f30'] {
npm ERR!   cause: [Error: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\5f495f30'] {
npm ERR!     errno: -4048,
npm ERR!     code: 'EPERM',
npm ERR!     syscall: 'open',
npm ERR!     path: 'C:\\Users\\pc~1\\AppData\\Roaming\\npm-cache\\_cacache\\tmp\\5f495f30'
npm ERR!   },
npm ERR!   isOperational: true,
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'open',
npm ERR!   path: 'C:\\Users\\pc~1\\AppData\\Roaming\\npm-cache\\_cacache\\tmp\\5f495f30'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the  
npm ERR! permissions of the file and its containing directories, or try running     
npm ERR! the command again as root/Administrator.
npm ERR! code EPERM
npm ERR! syscall open
npm ERR! path C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\21bcf4ec
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\21bcf4ec'
npm ERR!  [OperationalError: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\21bcf4ec'] {
npm ERR!   cause: [Error: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\21bcf4ec'] {
npm ERR!     errno: -4048,
npm ERR!     code: 'EPERM',
npm ERR!     syscall: 'open',
npm ERR!     path: 'C:\\Users\\pc~1\\AppData\\Roaming\\npm-cache\\_cacache\\tmp\\21bcf4ec'
npm ERR!   },
npm ERR!   isOperational: true,
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'open',
npm ERR!   path: 'C:\\Users\\pc~1\\AppData\\Roaming\\npm-cache\\_cacache\\tmp\\21bcf4ec'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the  
npm ERR! permissions of the file and its containing directories, or try running     
npm ERR! the command again as root/Administrator.
npm ERR! code EPERM
npm ERR! syscall open
npm ERR! path C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\2deddd01
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\2deddd01'
npm ERR!  [OperationalError: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\2deddd01'] {
npm ERR!   cause: [Error: EPERM: operation not permitted, open 'C:\Users\pc~1\AppData\Roaming\npm-cache\_cacache\tmp\2deddd01'] {
npm ERR!     errno: -4048,
npm ERR!     code: 'EPERM',
npm ERR!     syscall: 'open',
npm ERR!     path: 'C:\\Users\\pc~1\\AppData\\Roaming\\npm-cache\\_cacache\\tmp\\2deddd01'
npm ERR!   },
npm ERR!   isOperational: true,
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'open',
npm ERR!   path: 'C:\\Users\\pc~1\\AppData\\Roaming\\npm-cache\\_cacache\\tmp\\2deddd01'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the  
npm ERR! permissions of the file and its containing directories, or try running     

npm ERR! the command again as root/Administrator.

Solution:- 
1) run npm config edit in command prompt
-  change this line to ; cache=C:\Users\pc\AppData\Roaming\npm-cache

2) run npm uninstall -g create-react-app in command prompt as admin mode

3) npx create-react-app <folderName> : create a new react app

4) cd <folderName>

5) npm start : launch react app







Basic commands

 [Window]
1) dir : list out all the files and folder inside the directory
2) dir /w : dispay text horizontally 3) npm config edit : enter into your config file
4) 
echo "" >.gitignore : create a new file .gitignore

[Mac]

1) ls : list out all the files and folder inside the directory

Create new React App

 [Windows - run in admin mode]

1) Open Command Prompt/Hyper and run as administrator
2) cd <directoryName> :  Change directory to the folder where you want to store your react app.
3)  npx create-react-app <folderName> : create a new react app 4) cd <folderName> : Change directory. 5) npm start : To launch your react app

[Window - non admin mode]

1) Open Command Prompt/Hyper terminal
2) npx create-react-app <fileName> : Create a new react App
3) cd <folderName> : Change directory. 4) npm start : To launch your react app




Tuesday, February 28, 2012

Website designs

Here are some of the websites that i have done using AdobeDreamweaver, Adobe Illustrator and Adobe Fireworks.

Website One:
Website Two:

Home page













Website Design Three:























Website Design 4:


Tuesday, December 27, 2011

Spongebob faces

i was bored at home! so i started to draw the cartoons of spongebob faces again! :D




Friday, September 30, 2011

Designing with ThomastheCoach!

Package 1:


Package 2:


Design 2:



I was being given this task to actually spend 3 hours to design 2 flyers for Thomas and here are some of my works.

Wohoo! Hope that it wont look werid ba! =x

I know its not very creative but feeling so happy that i'm able to come up with some designs for the whole afternoon. Even though Thomas has instructed me to finish it within 3 hours.

However, my computer crashes! Thats why i have to redo everything again LOL! ):

But Thomas still asked me to do some improvement on it. Still wondering, how can i improve on it..

Still I am contented to be able to work with Thomas this time round. Hope that we can work together next time.

Cheers,
♥Abrial

Friday, September 23, 2011

Thomas the coach! :D

Found an event job through gumtree and ended up being hired as a designer for http://www.thomasthecoach.com. ^-^

Even though i major in web designing but i don't mind trying out new stuff Cos I loves to take up challenges.

Went for this talk at ThomasTheCoach and it teaches us how to play with stocks.

It seemed interesting to me and personally, I feel that the trainers are very professional, especially Thomas, who has taught us many tips in dealing with stocks. The trainers are very professional as they have guided us step-by-step in how to use the program. Besides that, by signing up for their course, students will receive free goodies!

Call 6384 0143 NOW FOR MORE DETAILS!

There's a seminar this October. Stay tuned! :)

♥Abrial

Wednesday, August 24, 2011

♥Illustration and SHOPPING! ♥

The cartoon illustration has replied to my email! YAY! ^_^

So it means that i can start to draw again le.. But wait...

I have to draw like 800 images in a month!

I just wonder whether i can finish it or not. But luckily Desmond has send me the categories for my illustration!

And now i need to draw different images. and THIS IS REALLY CRAZYYY! ):

But.. but.. but..

I'll still perserve no matter what happen. i just hope that i can finish all the illustration on time! :D

However on the happier side, i went to SHOP today! Bought lots and lots of stuff today! Including 3 tops, 1 bottom, 1 bag and 3 earingss! && i spend alot today, i think i'm broke. T_T

Gotta finish all my illustration and get back the money that i have spend! So that i can spend even more! =D

♥Abrial

Tuesday, August 23, 2011

Cartoon father and mother!

here's my illustration for mother and father! wohoo first time drawing it lol.. hope that its nice! I just do it during my free time! :D


Spongebob for my blog!

YAY! I have finally finished my spongebob icon! Hope that its cute enough and nice ba! :D


The different faces of spongebob! I always wanted to draw pictures of spongebob and here are my illustrations! :))