SVGR about gatsby-starter-hero-blog

[gouravsood]

@erichodges @greglobinski

I had the same problem yesterday when I tried npm install in the root. I was trying to add https://github.com/matchilling/gatsby-remark-emojis in the project and npm install --save gatsby-remark-emojis failed.

If I follow the gatsby new [NEW_SITE_DIRECTORY_FOR_YOUR_BLOG] https://github.com/greglobinski/gatsby-starter-hero-blog.git and create a project, it works smoothly if you just update the markdown files.

Logs below:

npm WARN deprecated [email protected]: 'postcss-cssnext' has been deprecated in favor of 'postcss-preset-env'. Read more at https://moox.io/blog/deprecating-cssnext/
npm WARN deprecated [email protected]: Please install @svgr/cli, @svgr/core or @svgr/webpack
npm WARN deprecated [email protected]: 🙌 Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated [email protected]: 'postcss-cssnext' has been deprecated in favor of 'postcss-preset-env'. Read more at https://moox.io/blog/deprecating-cssnext/
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5

[email protected] postinstall /Users/Blog/node_modules/svgr
node message.js; sleep 10; exit 1;

Hello !
SVGR 🦁 v2.0.0 is released 🎉
It is now splitted into several packages, what are you looking for?

Command line @ svgr/cli
Node API @ svgr/core
Webpack @ svgr/webpack
Rollup @ svgr/rollup
Pick the one you need!
npm WARN [email protected] requires a peer of react@>=16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@>=16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of webpack@^2.0.0 || ^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of graphql@^0.12.0 || ^0.13.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of webpack@^2.0.0 || ^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] No repository field.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node message.js; sleep 10; exit 1;
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:

[erichodges]

@gouravsood Thanks!

I don't understand why changing the markdown files would make any difference.

Ok, I ran it via gatsby new ... and it still errors out the same on svgr. Am I supposed to do something else at this point?

[greglobinski]

It comes from gatsby-plugin-svgr. I've created an issue. If you are in a hurry, you can workaround this by using the Github version of the plugin or remove it, install @svgr/webpack and put the code of the plugin directly to your gatsby-node.js file

[erichodges]

Cool, thanks. I'm not in a hurry. Thanks for opening an issue, I thought it would get fixed more quickly coming from you. :-)

[greglobinski]

Because of the problems with svgr I removed the gatsby-plugin-svgr plugin and installed gatsby-plugin-react-svg. Use version 1.0.1 of the starter.

[erichodges]

Ok cool, thank you! :-)

[gouravsood]

@greglobinski cool. It has worked now. Able to import the https://github.com/matchilling/gatsby-remark-emojis and use it in the project 👍