Gatsby: _styledComponents.ServerStyleSheet n'est pas une erreur de constructeur

Créé le 14 déc. 2017 · 3Commentaires · Source: gatsbyjs/gatsby

La description

Je reçois cette erreur webpack lors de l'exécution du déploiement de fil pour ma page github.

"deploy": "gatsby build --prefix-paths && gh-pages -d public",

error Building static HTML for pages failed`

`See our docs page on debugging HTML builds for help https://goo.gl/yL9lND`

  `16 |       setHeadComponents = _ref.setHeadComponents;
  17 |
> 18 |   var sheet = new _styledComponents.ServerStyleSheet();
     | ^
  19 |
  20 |   var app = _react2.default.createElement(
  21 |     _styledComponents.StyleSheetManager,`


`WebpackError: _styledComponents.ServerStyleSheet is not a constructor`

  - gatsby-ssr.js:18 Object.exports.replaceRenderer
    ~/gatsby-plugin-styled-components/gatsby-ssr.js:18:1

  - api-runner-ssr.js:23
    .cache/api-runner-ssr.js:23:41


  - api-runner-ssr.js:21 module.exports
    .cache/api-runner-ssr.js:21:25

  - static-entry.js:113 module.exports
    .cache/static-entry.js:113:3

  - static-entry.js:99 Function.Promise.fromNode.Promise.fromCallback
    .cache/static-entry.js:99:20





error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

J'utilise gatsby-plugin-styled-components: "2.0.2" et styled-components: "2.2.4" .

gatsby-pluging-styled-components aurait dû gérer le SSR, n'est-ce pas ? ou dois-je encore le configurer manuellement? cela a bien fonctionné il y a quelques mois lorsque j'ai déployé la première version de ma page github.

Source

jaanhio

Commentaire le plus utile

Pour tous ceux qui viennent ici de google....
assurez-vous que @material-ui/core/styles exporte réellement ServerStyleSheets

cela m'a amené à réaliser que j'utilise un ancien material-ui/core (3.9.x)
corrigé en passant à 4.5.1

Boogieman66 le 11 mars 2020

🚀1 ❤1 👍1

Tous les 3 commentaires

Le problème peut être clos. Je l'ai réalisé parce que je n'ai pas installé la dépendance aux pairs pour les composants stylisés.

jaanhio le 14 déc. 2017

@jaanhio Pouvez-vous expliquer comment avez-vous résolu ce problème ? Je reçois également le même genre d'erreur.

TypeError: _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_10__.ServerStyleSheets is not a constructor
    at eval (webpack:///./server/helpers/renderer.js?:37:16)
    at eval (webpack:///./server/index.js?:54:81)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)