Material-design-icons: Unable to Install from npm (extract not completing)

Created on 8 Nov 2016  路  53Comments  路  Source: google/material-design-icons

I am unable to install material-design-icons from npm.

When trying to install with npm version 3.10.3 (windows 10 machine), the extraction step:

\ extract:material-design-icons: sill doParallel extract 1

does not complete even after appr. 10min. The progress slash eventually stops spinning completely.

Your insights are most appreciated.

Most helpful comment

Installing material-design-icons-iconfont solves this issue:

npm install material-design-icons-iconfont --save
//styles.scss
$material-design-icons-font-path: "~material-design-icons-iconfont/dist/fonts/";
@import "~material-design-icons-iconfont/dist/material-design-icons";

npm 3.10.10
node v6.10.0

All 53 comments

Yes, this is also happening to me.

node version: v6.4.0
npm version: 3.10.9

Same problem here
System: windows 10
npm --version => 3.10.8
node --version => 6.9.1

Same problem, npm version 3.8.6, node version v6.1.0

It turns out that it took about 20mns to complete....
maybe one could split this large library inti multiple small ones?

@AlexDmr thanks for the patience in investigating. For all intents and purposes 20min seems prohibitively long, i.p. if all one might need are the icon fonts for self-hosting.

Is this going to be addressed?

Same problem here on OSX sierra: npm 3.10.9, node v6.9.2

Same problem Windows 10 pro, npm 4.0.2, node 6.9.1.
It appears that the content loads into node_modules/staging, however the node_modules/material-design-icons folder is never generated

Same here,
node 6.9.2
npm 4.0.3
Debian Jessie

Same here with Win10, node 6.9.4, npm 4.1.2

After 20 minutes of installation, it shows several errors and ultimately does not get installed. Does anyone have a solution or any updates for installation on Windows 10, Node 6.10.0 and npm 3.10.10.

@davidgreens Why are you pinging matplotlib devs?

I had the same problem with npm 3.x.x (don't remember the exact version). All I did to fix it was update npm to 4.3.0, remove node_modules directory, and run "npm install".

Upgraded to 4.4.1 download is still taking quite a while.

After upgrading to the latest versions of node and npm, I'm unable to install it.

Still occurs.
node v.6.9.5
npm v.4.4.4
Windows 10

Installing material-design-icons-iconfont solves this issue:

npm install material-design-icons-iconfont --save
//styles.scss
$material-design-icons-font-path: "~material-design-icons-iconfont/dist/fonts/";
@import "~material-design-icons-iconfont/dist/material-design-icons";

npm 3.10.10
node v6.10.0

@jestelle and @shyndman (simply mentioning you as main contributors):

This fairly fundamental issue has been open without any investigation of root cause and possible remediation for an extended period.

Is this repo still supported? Thanks for looking into it.

This is still a problem.

It's frustrating, but lol it worked somewhere around the 10th try.

Just persist <3

Edit:

same problem using Yarn v0.27.5 @ win10

The issue seems to be resolved. I have been able to install the lib in version 3.0.1 using npm. 馃帀

Still a problem on Windows 10.

@karser's solution above still works: https://github.com/google/material-design-icons/issues/518#issuecomment-290924590

@jmauerhan The install takes appr. 4min for me. Windows 10, npm version 5.3.0. Slow, but at least working.

same here

Same here, still an issue

me too. npm install material-design-icons is not working.

Hi there,
with ng 1.6 it works but with warning like

WARNING in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss
(Emitted value instead of an instance of Error) postcss-url: /Users/whisher/Projects/src/styles.scss:7:3: Can't read file '/Users/whisher/Projects/src/~material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.eot', ignoring

still a problem in 2018 馃槩
(using node v9.4.0, npm 5.6.0 on ubuntu bash under windows 10 - using a folder within the win10 file system)

Update for 2018:

It's possible to install this package, but you have to wait really long time (about 10 min).

Please, could someone explain me one thing?
If I install material-design-icons in my project will all icons of it be added to the production bundle or just those being used ?

@cvgaviao your node_modules will contain ALL ICONS when you do that

Is there any way i can import just the icons that i wanted? and how to implement it after installing it?
for me karser solution not working anymore.

i have also problem after done everything !

I've faced this issue when trying to install moduled through npm-cli.
But it seems to me that issue is disappeared when I install modules through yarn.

  • yarn -v - 1.7.0
  • node -v - v10.7.0

Issue still exists?

Yes it does.
node 10.10, yarn 1.9.4, macos

I can wget the archive manually in about 4 seconds, but yarn can't, it times out and retries after a minute or so and ultimately fails.

same problem:

node@6
nmp@6

Same issue...This just cost me a job...tech screening round had a project with dependency on this...needless to say npm install would just not complete successfully...deadline shot by...using npm v6.5.0 node v10.15.0 Windows 7...

The real problem here is that 99% of users want an icon font (<1MB on disk, <10 files total) and this package gives you a pile of individual icons (216MB on my computer, ~90,000 files!). This package deserves to be abandoned, we should all switch to an icon-font (only!) package instead.

Hey @839998664 @PatSk @liudonghua123 @thw0rted

This project is on low maintenance and out of date for a while.

I've forked it and simplified things, please give it a try: material-design-icons-iconfont

  • added support for scss
  • removed the many irrelevant files that cause congestion and timeouts
  • using the most updated icon-fonts (without modifications) from Google's CDN.

image
https://github.com/jossef/material-design-icons-iconfont

same here
npm 6.8
node 9.11

Its 2019 and the problem never gets away. 馃槥

I had the same problem with another package, i don't know if is the same issue, but my problem was insufficient memory that makes the extract process take forever and than fail. In my case, i'm using Ubuntu on azure, the procedure below helped me:

https://www.digitalocean.com/community/tutorials/how-to-add-swap-space-on-ubuntu-18-04

Yup still happening.. Been 2.5 years now, any chance this will get prio, MUI devs?

same.
try next step may solve the problem
remove node_modules folder
run npm install --save

The entire npm installation hangs up because of this. I'm using node v8.11.0, npm 6.9.0 and angular CLI 7.3.6.
Then later i had to remove it from package.json and install it as a seperate dependacy which took for about 20 mins.

I have fixed it by using the primitive terminal and run:

npm ci
# waiting for it blocking and type Ctrl+C
npm install

Hello,
I occurred the same problem

yarn add material-design-icons --dev

with error:
info There appears to be trouble with your network connection. Retrying...

and with mention that other packages works

It looks like people are still trying to use this package for simple websites. If you want to develop new icons and customize the SVG sources for Material icons, use this package. If you want to use material2 with mat-icon and have everything just work out of the box, use material-design-icons-iconfont instead. It's 467kb, 21 files in my node_modules. I don't have an install of material-design-icons handy but I'm sure it's at least tens of thousands of files (maybe hundreds?) and no less than an order of magnitude larger. Just get the iconfont package and ignore this one.

I had the same problem with npm 3.x.x (don't remember the exact version). All I did to fix it was update npm to 4.3.0, remove node_modules directory, and run "npm install".

Thank you, it works for me.

it confuse me too
node 10.16.3
npm 6.9.0

Was this page helpful?
0 / 5 - 0 ratings

Related issues

miguel-orange picture miguel-orange  路  20Comments

JSMike picture JSMike  路  29Comments

steventango picture steventango  路  82Comments

ashoksahoo picture ashoksahoo  路  158Comments

akash1810 picture akash1810  路  38Comments