Material-ui: Gatsby ์˜ˆ์ œ๊ฐ€ ๊นจ์กŒ์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2019๋…„ 11์›” 04์ผ  ยท  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

์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘ ๐Ÿค”

ํ”„๋กœ์ ํŠธ๊ฐ€ ์‹คํ–‰ ์ค‘์ด์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์žฌํ˜„ ๋‹จ๊ณ„ ๐Ÿ•น

๋‹จ๊ณ„ :

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 ํ•จ๊ป˜ ์ž‘์—…ํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

๋‹น์‹ ์˜ ํ™˜๊ฒฝ ๐ŸŒŽ

| ๊ธฐ์ˆ  | ๋ฒ„์ „ |
| ----------- | ------- |
| Material-UI | repo package.json |
| ๋ฐ˜์‘ | ์ €์žฅ์†Œ์— ๋”ฐ๋ผ package.json |
| ๋ธŒ๋ผ์šฐ์ € | Chrome (์ด ๊ฒฝ์šฐ ์ค‘์š”ํ•˜์ง€ ์•Š์Œ) |
| TypeScript | ์ €์žฅ์†Œ์— ๋”ฐ๋ผ package.json |
| ๋“ฑ | N / A |

bug ๐Ÿ› external dependency

๋ชจ๋“  3 ๋Œ“๊ธ€

https://github.com/gatsbyjs/gatsby/issues/19150 ์—์„œ ํšŒ๊ท€ ํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค

๊ฐ„๋‹จํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• (index.js ๋ˆ„๋ฝ)์ด ์žˆ์Šต๋‹ˆ๋‹ค. ํ•œ ์ฃผ๊ฐ€ ๋๋‚  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ๋ฉด Gatsby๊ฐ€ ์ทจํ•˜๋Š” ๋ฐฉํ–ฅ์„ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 1. ํšŒ๊ท€๋ฅผ ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ 2. index.js๋ฅผ ์–ธ๊ธ‰ํ•˜๋„๋ก ๋ฌธ์„œ๋ฅผ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค. 1์ด ๋  ๊ฒƒ์ด์ง€๋งŒ ๋ˆ„๊ฐ€ ์•Œ๊ฒ ์Šต๋‹ˆ๊นŒ).

๋ฌผ๋ก ์ž…๋‹ˆ๋‹ค. ๊ธฐ๋‹ค๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋” ํฐ ๋ฌธ์ œ (๊ทธ๋ฆฌ๊ณ  ๋‚ด๊ฐ€์ด ์˜ˆ์ œ๋ฅผ ์‹œ๋„ํ•œ ์ด์œ )๋Š” https://github.com/mui-org/material-ui/issues/18197์— ๋ฌธ์„œํ™”๋˜์–ด
๊ท€ํ•˜์˜ ๋„์›€์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค @oliviertassinari

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

rbozan picture rbozan  ยท  3์ฝ”๋ฉ˜ํŠธ

anthony-dandrea picture anthony-dandrea  ยท  3์ฝ”๋ฉ˜ํŠธ

ghost picture ghost  ยท  3์ฝ”๋ฉ˜ํŠธ

revskill10 picture revskill10  ยท  3์ฝ”๋ฉ˜ํŠธ

sys13 picture sys13  ยท  3์ฝ”๋ฉ˜ํŠธ