Material-ui: L'exemple Gatsby est cassé

Créé le 4 nov. 2019  ·  3Commentaires  ·  Source: mui-org/material-ui

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.

La case cochée doit ressembler à ceci: [x]
  • [] Le problème est présent dans la dernière version.
  • [x] J'ai recherché les problèmes de ce référentiel et je pense que ce n'est pas un doublon.

Comportement actuel 😯

➜  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

Comportement attendu 🤔

Le projet aurait dû être en cours d'exécution

Étapes à suivre pour reproduire 🕹

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

Contexte 🔦

Je veux travailler avec gatsby et material-ui ensemble pour mon projet

Votre environnement 🌎

| 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 |

bug 🐛 external dependency

Tous les 3 commentaires

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

Cette page vous a été utile?
0 / 5 - 0 notes