Gatsby: _styledComponents.ServerStyleSheet ليس خطأ مُنشئ

تم إنشاؤها على ١٤ ديسمبر ٢٠١٧  ·  3تعليقات  ·  مصدر: gatsbyjs/gatsby

وصف

أتلقى خطأ حزمة الويب هذا عند تشغيل نشر الغزل لصفحة جيثب الخاصة بي.

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

أنا أستخدم gatsby-plugin-styled-components: "2.0.2" و styled-components: "2.2.4" .

هل يجب أن تتعامل مكونات gatsby-style-Styled مع SSR ، أليس كذلك؟ أم لا يزال يتعين علي تكوينه يدويًا؟ لقد عملت بشكل جيد قبل بضعة أشهر عندما قمت بنشر الإصدار الأول من صفحة جيثب الخاصة بي.

التعليق الأكثر فائدة

لأي شخص قادم إلى هنا من google ....
تأكد من أن @ material-ui / core / styles يصدر بالفعل ServerStyleSheets

يقودني هذا إلى إدراك أنني أدير واجهة مستخدم / أساسية أقدم (3.9.x)
تم إصلاحه بالترقية إلى 4.5.1

ال 3 كومينتر

يمكن إغلاق القضية. أدركت ذلك لأنني لم أقم بتثبيت تبعية الأقران للمكونات المصممة.

jaanhio هل يمكن أن تشرح كيف قمت بحل هذا؟ أنا أيضا أتلقى نفس النوع من الخطأ.

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)

لأي شخص قادم إلى هنا من google ....
تأكد من أن @ material-ui / core / styles يصدر بالفعل ServerStyleSheets

يقودني هذا إلى إدراك أنني أدير واجهة مستخدم / أساسية أقدم (3.9.x)
تم إصلاحه بالترقية إلى 4.5.1

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات