gatsby
์ material-ui
์ (๋ฅผ) ํจ๊ป ์๋ ์ํค๋ ค๊ณ ํฉ๋๋ค.
https://github.com/mui-org/material-ui/tree/master/examples/gatsby๋ฅผ ์ฌ์ฉํ๊ณ ์ง์นจ์ ๋ฐ๋์ต๋๋ค.
โ 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 |
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