Gatsby: _styledComponents.ServerStyleSheet no es un error de constructor

Creado en 14 dic. 2017 · 3Comentarios · Fuente: gatsbyjs/gatsby

Descripción

Recibo este error de paquete web al ejecutar yarn deploy para mi página de 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.

Estoy usando gatsby-plugin-styled-components: "2.0.2" y styled-components: "2.2.4" .

gatsby-pluging-styled-components debería haber manejado el SSR, ¿verdad? ¿O todavía tengo que configurarlo manualmente? Funcionó bien hace unos meses cuando implementé la primera versión de mi página de github.

Fuente

jaanhio

Comentario más útil

Para cualquiera que venga aquí desde Google ...
asegúrese de que @ material-ui / core / styles realmente exporte ServerStyleSheets

esto me llevó a darme cuenta de que estoy ejecutando un material-ui / core más antiguo (3.9.x)
arreglado actualizando a 4.5.1

Boogieman66 en 11 mar. 2020

🚀1 ❤1 👍1

Todos 3 comentarios

El problema se puede cerrar. Me di cuenta de que es porque no instalé la dependencia de pares para los componentes con estilo.

jaanhio en 14 dic. 2017

@jaanhio ¿Puedes explicar cómo resolviste esto? También recibo el mismo tipo de error.

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)