name can only contain URL-friendly characters

Question

I was trying to install package.json with npm init to install bootstrap in my folder but i am getting the error.

npm install bootstrap@4.0.0-alpha.6 --save

I am new to this i can't exactly figure what i am doing wrong. I was following a tutorial whose link i'll attach along with screenshot of my console.

this the tutorial link

this is the screenshot

I had the same problem. Then I realized that I never finish the npm init properly. — James Marx, Jan 28 '19 at 19:49
Semi-unrelated but this error is also thrown (still aka nowadays) if a _scoped_ `package` in your `package.json` is missing the apparently mandatory `/`. As in, you'll get this error if your trying to list e.g. `@my-nice-package` as a `dep`/dependency. This should be `@my-nice-package/some-subpackage` since the whole point of having scoped packages is to 'subclass'/'subpackage' so to speak. — Dr1Ku, Nov 23 '22 at 12:19

score 14 · Answer 1 · answered Jan 05 '18 at 09:35

14

npm init is actually creating the package.json file and setting the characteristics of the project(It has no relation with bootstrap). So, in the field package name, you have to enter the name of your project (you have now entered the npm install bootstrap command) or you can just press enter if the name displayed in bracket is enough. Complete the npm init processs by setting all characteristics of project.

As next step, you can do npm install bootstrap@4.0.0-alpha.6 --save. It'll work

answered Jan 05 '18 at 09:35

Fathima Linsa K

618
6
14

I tried that but it says "Sorry, name can only contain URL-friendly characters." – isrj5 Jan 05 '18 at 10:15
What did you enter in package name field? – Fathima Linsa K Jan 06 '18 at 13:51
6

Hey @SurajKumar! We are Facing a similar problem here. What did you do to fix it? – Florian Barth Jan 17 '19 at 08:46

score 12 · Answer 2 · answered Feb 25 '19 at 18:06

12

Deleting the lock-file and running npm i again solved the issue for me.

answered Feb 25 '19 at 18:06

rexblack

151
1
2

score 5 · Accepted Answer · edited Mar 17 '23 at 05:06

5

I was getting the same problem but I changed package-name first name was like:

My Folder Name

I changed it to

my-folder-name

with no spaces & no capital letters. It solved the problem for me. Happy coding

edited Mar 17 '23 at 05:06

Marcin Orlowski

72,056
11
123
141

answered Jan 11 '20 at 06:44

Izhar Ul Haque

116
1
5

score 3 · Answer 4 · answered Sep 22 '19 at 10:29

3

Just hit enter and cycle through all the options. You don't type in the npm install until after you have finished init.

answered Sep 22 '19 at 10:29

WebCopter10x

31
2

S. Hesam · Answer 5 · 2019-06-09T05:30:23.707

0

Not only DELETE package-lock.json in main folder but also find (whit this command find node_modules/ -iname *-lock*) and delete all '-lock' files in node_modules then run npm install again.

edited Jun 09 '19 at 05:30

answered Jun 09 '19 at 05:22

S. Hesam

5,266
3
37
59

score 0 · Answer 6 · edited Jan 23 '20 at 11:50

0

Make sure you are typing in the right place, npm init and then hit enter/return a few times until you are at a prompt starting with C:\Users if you are in Windows.

edited Jan 23 '20 at 11:50

Iñigo

1,877
7
25
55

answered Jan 23 '20 at 10:31

user12768086

11

score 0 · Answer 7 · edited Sep 16 '21 at 19:44

0

I also encountered the same problem when installing sass, because I watched some tutorials on YT where they instructed to use Live Sass Compiler, so I had to change some settings for saving the file. Then I uninstalled it, go through the traditional process of

npm init
npm install node-sass --save-dev
npm run compile:sass

and .....BAMMMM!!!! It worked

edited Sep 16 '21 at 19:44

Haris Bouchlis

2,366
1
20
35

answered Sep 16 '21 at 06:45

Wasey Hasan Khan

1
1
1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-ask). – Community Sep 16 '21 at 07:05

score 0 · Answer 8 · edited May 16 '22 at 15:25

0

Press a few enter that will help you get out of npm init. then type the npm install comment. This worked for me.

edited May 16 '22 at 15:25

Tyler2P

2,324
26
22
31

answered May 16 '22 at 07:37

Nirmala Joseph

1

Mayank Raj · Answer 9 · 2022-10-07T19:08:30.647

0

I was also facing the same issue while installing the json-server ...but got resolved actually the problem is not with the folder name....so, there is two way to sort this problem one by ---- after npm init press 5-8 times enter or u can directly use (npm init -y) both will work fine Happy coding

edited Oct 07 '22 at 19:08

answered Oct 07 '22 at 19:07

Mayank Raj

1
1

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Oct 13 '22 at 12:52

name can only contain URL-friendly characters

9 Answers9

Linked