J'essaie de faire en sorte que gatsby
et material-ui
fonctionnent ensemble.
J'ai utilisé https://github.com/mui-org/material-ui/tree/master/examples/gatsby et j'ai suivi les instructions.
➜ 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
Le projet aurait dû être en cours d'exécution
Pas:
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
Je veux travailler avec gatsby
et material-ui
ensemble pour mon projet
| Tech | Version |
| ----------- | ------- |
| Material-UI | selon repo package.json
|
| React | selon repo package.json
|
| Navigateur | Chrome (mais n'a pas d'importance dans ce cas) |
| TypeScript | selon repo package.json
|
| etc. | N / A |
Cela semble être une régression de https://github.com/gatsbyjs/gatsby/issues/19150.
Il existe une solution de contournement simple (index.js manquant), je suggère d'attendre la fin de la semaine pour que nous connaissions la direction que prend Gatsby: 1. corriger la régression ou 2. mettre à jour la documentation pour mentionner l'index.js (je voudrais parie que ce sera 1, mais qui sait).
Bien sûr, cela peut attendre. Cependant, le problème plus important (et la raison pour laquelle j'essayais cet exemple) est documenté sur https://github.com/mui-org/material-ui/issues/18197. Il s'agit d'un problème bloquant pour les développeurs travaillant avec Material-UI et Gatsby.
Votre aide est grandement appréciée @oliviertassinari