Material-ui: рдЧреИрдЯреНрд╕рдмреА рдЙрджрд╛рд╣рд░рдг рдЯреВрдЯ рдЧрдпрд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 4 рдирд╡ре░ 2019  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mui-org/material-ui

рдореИрдВ рдПрдХ рд╕рд╛рде gatsby рдФрд░ material-ui рдХрд╛рдо рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдБред
рдореИрдВрдиреЗ https://github.com/mui-org/material-ui/tree/master/examples/gatsby рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдФрд░ рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХрд╛ рдкрд╛рд▓рди рдХрд┐рдпрд╛ред

рдЬрд╛рдВрдЪрд╛ рдЧрдпрд╛ рдЪреЗрдХрдмреЙрдХреНрд╕ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрдирд╛ рдЪрд╛рд╣рд┐рдП: [x]
  • [] рдореБрджреНрджрд╛ рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬ рдореЗрдВ рдореМрдЬреВрдж рд╣реИред
  • [x] рдореИрдВрдиреЗ рдЗрд╕ рднрдВрдбрд╛рд░ рдХреЗ рдореБрджреНрджреЛрдВ рдХреЛ рдЦреЛрдЬрд╛ рд╣реИ рдФрд░ рдпрд╣ рдорд╛рдирддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдХреЛрдИ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдирд╣реАрдВ рд╣реИред

рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░ ЁЯШп

тЮЬ  exp curl https://codeload.github.com/mui-org/material-ui/tar.gz/master | tar -xz --strip=2  material-ui-master/examples/gatsby

  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100 12.4M  100 12.4M    0     0  2728k      0  0:00:04  0:00:04 --:--:-- 3277k
тЮЬ  exp cd gatsby
тЮЬ  gatsby ll
total 24
-rw-r--r--  1 harit  staff   641B  4 Nov 07:02 README.md
-rw-r--r--  1 harit  staff   512B  4 Nov 07:02 gatsby-config.js
-rw-r--r--  1 harit  staff   424B  4 Nov 07:02 package.json
drwxr-xr-x  3 harit  staff    96B  4 Nov 07:02 plugins
drwxr-xr-x  5 harit  staff   160B  4 Nov 07:02 src
тЮЬ  gatsby npm install
npm run develop
npm WARN deprecated [email protected]: core-js@<2.6.8 is no longer maintained. Please, upgrade to core-js<strong i="15">@3</strong> or at least to actual version of core-js@2.

> [email protected] install /Users/harit/code/js/exp/gatsby/node_modules/fsevents
> node install

node-pre-gyp WARN Using needle for node-pre-gyp https download
[fsevents] Success: "/Users/harit/code/js/exp/gatsby/node_modules/fsevents/lib/binding/Release/node-v67-darwin-x64/fse.node" is installed via remote

> [email protected] postinstall /Users/harit/code/js/exp/gatsby/node_modules/core-js
> node postinstall || echo "ignore"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> [email protected] postinstall /Users/harit/code/js/exp/gatsby/node_modules/gatsby-telemetry
> node src/postinstall.js


> [email protected] postinstall /Users/harit/code/js/exp/gatsby/node_modules/gatsby/node_modules/gatsby-cli
> node scripts/postinstall.js


> [email protected] postinstall /Users/harit/code/js/exp/gatsby/node_modules/gatsby
> node scripts/postinstall.js

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.

added 1717 packages from 780 contributors and audited 20012 packages in 28.555s
found 0 vulnerabilities


> [email protected] develop /Users/harit/code/js/exp/gatsby
> gatsby develop


 ERROR #10226  CONFIG

Couldn't find the "gatsby-plugin-top-layout" plugin declared in "/Users/harit/code/js/exp/gatsby/gatsby-config.js".

Tried looking for a local plugin in /Users/harit/code/js/exp/gatsby/plugins/gatsby-plugin-top-layout.

Tried looking for an installed package in the following paths:
 - /Users/harit/code/js/exp/gatsby/node_modules/gatsby/dist/bootstrap/load-themes/node_modules/gatsby-plugin-top-layout
 - /Users/harit/code/js/exp/gatsby/node_modules/gatsby/dist/bootstrap/node_modules/gatsby-plugin-top-layout
 - /Users/harit/code/js/exp/gatsby/node_modules/gatsby/dist/node_modules/gatsby-plugin-top-layout
 - /Users/harit/code/js/exp/gatsby/node_modules/gatsby/node_modules/gatsby-plugin-top-layout
 - /Users/harit/code/js/exp/gatsby/node_modules/gatsby-plugin-top-layout
 - /Users/harit/code/js/exp/node_modules/gatsby-plugin-top-layout
 - /Users/harit/code/js/node_modules/gatsby-plugin-top-layout
 - /Users/harit/code/node_modules/gatsby-plugin-top-layout
 - /Users/harit/node_modules/gatsby-plugin-top-layout
 - /Users/node_modules/gatsby-plugin-top-layout
 - /node_modules/gatsby-plugin-top-layout

not finished open and validate gatsby-configs - 0.053s
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] develop: `gatsby develop`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] develop 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:
npm ERR!     /Users/harit/.npm/_logs/2019-11-04T15_56_15_824Z-debug.log
тЮЬ  gatsby

рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ or

рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдЪрд▓рдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛

Steps рдХреЛ рдлрд┐рд░ рд╕реЗ рд╢реБрд░реВ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрджрдо

рдХрджрдо:

curl https://codeload.github.com/mui-org/material-ui/tar.gz/master | tar -xz --strip=2  material-ui-master/examples/gatsby
npm install
npm run develop

рдкреНрд░рд╕рдВрдЧ ЁЯФж

рдореИрдВ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЗ рд▓рд┐рдП gatsby рдФрд░ material-ui рдПрдХ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ

рдЖрдкрдХрд╛ рдкрд░реНрдпрд╛рд╡рд░рдг ЁЯМО

| рдЯреЗрдХ | рд╕рдВрд╕реНрдХрд░рдг |
| ----------- | ------- |
| рд╕рд╛рдордЧреНрд░реА- рдпреВрдЖрдИ | рд░реЗрдкреЛ рдХреЗ рдЕрдиреБрд╕рд╛рд░ package.json |
| рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ | рд░реЗрдкреЛ рдХреЗ рдЕрдиреБрд╕рд╛рд░ package.json |
| рдмреНрд░рд╛рдЙрдЬрд╝рд░ | рдХреНрд░реЛрдо (рд▓реЗрдХрд┐рди рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рддрд╛) |
| рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ | рд░реЗрдкреЛ рдХреЗ рдЕрдиреБрд╕рд╛рд░ package.json |
| рдЖрджрд┐ | рдПрди / рдП |

bug ЁЯРЫ external dependency

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдпрд╣ https://github.com/gatsbyjs/gatsby/issues/19150 рд╕реЗ рдПрдХ рдкреНрд░рддрд┐рдЧрдорди рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИ

рдПрдХ рд╕рд╛рдзрд╛рд░рдг рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рд╣реИ (рдЗрдВрдбреЗрдХреНрд╕ рдХреЛ рдпрд╛рдж рдХрд░ рд░рд╣рд╛ рд╣реИ), рдореИрдВ рд╕реБрдЭрд╛рд╡ рджреЗрддрд╛ рд╣реВрдВ рдХрд┐ рд╣рдо рд╕рдкреНрддрд╛рд╣ рдХреЗ рдЕрдВрдд рддрдХ рдкреНрд░рддреАрдХреНрд╖рд╛ рдХрд░реЗрдВ рддрд╛рдХрд┐ рд╣рдореЗрдВ рдкрддрд╛ рдЪрд▓реЗ рдХрд┐ рджрд┐рд╢рд╛ рдЧреИрдЯреНрд╕рдмреА рд▓реЗрддрд╛ рд╣реИ: 1. рд░рд┐рдЧреНрд░реЗрд╢рди рдХреЛ рдареАрдХ рдХрд░реЗрдВ рдпрд╛ рдЗрдВрдбреЗрдХреНрд╕ рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВред (рдореИрдВ рд╢рд░реНрдд рдпрд╣ 1 рд╣реЛрдЧреА, рд▓реЗрдХрд┐рди рдХреМрди рдЬрд╛рдирддрд╛ рд╣реИ)ред

рдпрдХреАрди рд╣реИ, рдпрд╣ рдЗрдВрддрдЬрд╛рд░ рдХрд░ рд╕рдХрддрд╛ рд╣реИред рд╣рд╛рд▓рд╛рдБрдХрд┐, рдмрдбрд╝рд╛ рдореБрджреНрджрд╛ (рдФрд░ рдХрд╛рд░рдг рдореИрдВ рдЗрд╕ рдЙрджрд╛рд╣рд░рдг рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рдерд╛) https://github.com/mui-org/material-ui/issues/18197 рдкрд░ рдкреНрд░рд▓реЗрдЦрд┐рдд рд╣реИ
рдЖрдкрдХреА рдорджрдж рдХреА рдмрд╣реБрдд рд╕рд░рд╛рд╣рдирд╛ рдХреА рд╣реИ @oliviertassinari

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

activatedgeek picture activatedgeek  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

zabojad picture zabojad  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

rbozan picture rbozan  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

chris-hinds picture chris-hinds  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

anthony-dandrea picture anthony-dandrea  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ