Gatsby: _styledComponents.ServerStyleSheet bukan kesalahan konstruktor

Dibuat pada 14 Des 2017 · 3Komentar · Sumber: gatsbyjs/gatsby

Keterangan

Saya mendapatkan kesalahan webpack ini saat menjalankan yarn deploy untuk halaman github saya.

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

Saya menggunakan gatsby-plugin-styled-components: "2.0.2" dan styled-components: "2.2.4" .

gatsby-pluging-styled-components seharusnya menangani SSR kan? atau apakah saya masih harus mengkonfigurasinya secara manual? itu berfungsi dengan baik beberapa bulan yang lalu ketika saya menggunakan versi pertama halaman github saya.

Sumber

jaanhio

Komentar yang paling membantu

Bagi siapa pun yang datang ke sini dari google ....
pastikan @material-ui/core/styles benar-benar mengekspor ServerStyleSheets

ini membuat saya menyadari bahwa saya menjalankan material-ui/core (3.9.x) yang lebih lama
diperbaiki dengan meningkatkan ke 4.5.1

Boogieman66 pada 11 Mar 2020

🚀1 ❤1 👍1

Semua 3 komentar

Masalah bisa ditutup. Menyadarinya karena saya tidak menginstal ketergantungan rekan untuk komponen gaya.

jaanhio pada 14 Des 2017

@jaanhio Bisakah Anda menjelaskan bagaimana Anda menyelesaikan ini? Saya juga mendapatkan jenis kesalahan yang sama.

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)