Gatsby: WebpackError: неизменное нарушение: ошибка Minified React # 62

Созданный на 26 янв. 2019  ·  1Комментарий  ·  Источник: gatsbyjs/gatsby

Чтобы нам было проще вам помочь, включите как можно больше полезной информации. Полезные ссылки: - Документация: https://www.gatsbyjs.org/docs/ У Gatsby есть несколько каналов поддержки сообщества, попробуйте задать свой вопрос на: - Discord: https://gatsby.app/discord - Spectrum: https: // Spectrum.chat/gatsby-js - Twitter: https://twitter.com/gatsbyjs Перед открытием нового выпуска выполните поиск по существующим выпускам https://github.com/gatsbyjs/gatsby/issues

Резюме

Gatsby build выдает ошибку WebpackError: Invariant Violation: Minified React error #62 , gatsby develop работает без проблем, хотя даже в сложных условиях gatsby develop works fine .

Релевантная информация

error Building static HTML for pages failed

See our docs page on debugging HTML builds for help https://gatsby.app/debug-html

   8 |  else
   9 |          root["lib"] = factory(root["@reach/router"], root["core-js/modules/es6.array.iterator"], root["core-js/modules/es6.array.sort"], root["core-js/modules/es6.function.name"], root["core-js/modules/es6.map"], root["core-js/modules/es6.object.assign"], root["core-js/modules/es6.regexp.constructor"], root["core-js/modules/es6.regexp.split"], root["core-js/modules/es6.regexp.to-string"], root["core-js/modules/es6.string.ends-with"], root["core-js/modules/es6.string.iterator"], root["core-js/modules/web.dom.iterable"], root["fs"], root["lodash"], root["path"], root["react"], root["react-dom/server"], root["react-helmet"]);
> 10 | })(this, function(__WEBPACK_EXTERNAL_MODULE__reach_router__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_array_iterator__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_array_sort__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_function_name__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_map__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_object_assign__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_constructor__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_split__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_to_string__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_string_ends_with__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_string_iterator__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_web_dom_iterable__, __WEBPACK_EXTERNAL_MODULE_fs__, __WEBPACK_EXTERNAL_MODULE_lodash__, __WEBPACK_EXTERNAL_MODULE_path__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom_server__, __WEBPACK_EXTERNAL_MODULE_react_helmet__) {
     |  ^
  11 | return


  WebpackError: Invariant Violation: Minified React error #62; visit https://reactjs.org/docs/error-decoder.html?invariant=62&args[]= for the full message  or use the non-minified dev environment for full errors and additional helpful warnings.

Это полное сообщение об ошибке, которое я получаю. Я попытался устранить все неправильные сопоставления свойств стиля, как описано в полном сообщении об ошибке React, но проблема все еще сохраняется. Я также удалил .cache .

Я не знаю, в чем еще может быть проблема, так как я мог выполнить успешную сборку раньше, и сообщение не дает больше информации о том, что может быть не так с моим кодом, тем более что я могу отлично запустить его с помощью gatsby develop .

Окружающая среда (если применимо)

`` ''
Система:
ОС: macOS 10.14.2
Процессор: (8) x64 Intel (R) Core (TM) i7-4750HQ CPU @ 2,00 ГГц
Оболочка: 3.2.57 - / bin / bash
Двоичные файлы:
Узел: 11.7.0 - / usr / local / bin / node
Пряжа: 1.13.0 - / usr / local / bin / yarn
npm: 6.5.0 - / usr / local / bin / npm
Языки:
Python: 2.7.10 - / usr / bin / python
Браузеры:
Хром: 71.0.3578.98
Safari: 12.0.2
npmPackages:
Гэтсби: ^ 2.0.76 => 2.0.76
gatsby-изображение: ^ 2.0.20 => 2.0.25
gatsby-plugin-manifest: ^ 2.0.9 => 2.0.12
gatsby-plugin-offline: ^ 2.0.16 => 2.0.20
Гэтсби-плагин-реакция-шлем: ^ 3.0.2 => 3.0.5
gatsby-plugin-sharp: ^ 2.0.14 => 2.0.16
исходная файловая система gatsby: ^ 2.0.8 => 2.0.12
Гэтсби-трансформатор-резкий: ^ 2.1.8 => 2.1.9

### File contents (if changed)

`gatsby-config.js`:<!-- Please use a code block or just leave it as is if wasn't changed -->

module.exports = {
siteMetadata: {
title: Gatsby Starter ,
описание: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
автор: @gatsbyjs ,
socialLinks: [
{
имя: Link 1 ,
url: https://twitter.com/ ,
},
{
имя: link 2 ,
url: https://github.com/ ,
}
],
Особенности: [
{
title: Feature 1 ,
описание: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
title: Feature 2 ,
описание: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
title: Feature 3 ,
описание: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
],
},
плагины: [
gatsby-plugin-react-helmet ,
{
решение: gatsby-source-filesystem ,
параметры: {
имя: images ,
путь: ${__dirname}/src/images ,
},
},
gatsby-transformer-sharp ,
gatsby-plugin-sharp ,
{
решение: gatsby-plugin-manifest ,
параметры: {
имя: gatsby-starter-default ,
short_name: starter ,
start_url: / ,
background_color: #663399 ,
цвет_темы: #663399 ,
дисплей: minimal-ui ,
icon: src/images/gatsby-icon.png , // Этот путь относительно корня сайта.
},
},
// этот (необязательный) плагин включает функцию Progressive Web App + Offline
// Чтобы узнать больше, посетите: https://gatsby.app/offline
// 'gatsby-plugin-offline',
],
}

`package.json`:<!-- Please use a code block or just leave it as is if wasn't changed -->

{
"name": "gatsby-starter-default",
"частный": правда,
"description": "Простой способ начать быстро развиваться вместе с Гэтсби",
"версия": "0.1.0",
"author": "Кайл Мэтьюз [email protected] ",
"dependencies": {
"гэтсби": "^ 2.0.76",
"gatsby-image": "^ 2.0.20",
"gatsby-plugin-manifest": "^ 2.0.9",
"gatsby-plugin-offline": "^ 2.0.16",
"плагин-гэтсби-реакция-шлем": "^ 3.0.2",
"gatsby-plugin-sharp": "^ 2.0.14",
"исходная-файловая система-gatsby": "^ 2.0.8",
"гэтсби-трансформер-острый": "^ 2.1.8",
"prop-types": "^ 15.6.2",
"реагировать": "^ 16.6.3",
"react-dom": "^ 16.6.3",
"реагировать-шлем": "^ 5.2.0"
},
"ключевые слова": [
"Гэтсби"
],
«лицензия»: «MIT»,
"scripts": {
"build": "сборка гэтсби",
"разработать": "разработать Гэтсби",
"start": "npm run develop",
"формат": "красивее --write \" src / * / .js \ "",
"test": "echo \" Пишите тесты! -> https: //gatsby.app/unit-testing \ ""
},
"devDependencies": {
"красивее": "^ 1.15.2"
},
"репозиторий": {
"тип": "мерзавец",
"url": " https://github.com/gatsbyjs/gatsby-starter-default "
},
"bugs": {
"url": " https://github.com/gatsbyjs/gatsby/issues "
}
}
`` gatsby-node.js : N/A <!-- Please use a code block or just leave it as is if wasn't changed --> gatsby-browser.js : N/A <!-- Please use a code block or just leave it as is if wasn't changed --> gatsby-ssr.js`: Н / Д

Самый полезный комментарий

~ @AlexanderProd У меня та же проблема; что было причиной твоей? ~

Неважно, в моем случае я использовал

bodyAttributes={{
  style: 'some style string'
}}

внутри автоматически созданного экземпляра SEO.js <Helmet /> . Использование объекта стиля не работало, что, как я полагаю, является проблемой с реактивным шлемом. Преобразование моего стиля в класс и его использование решило мою проблему.

Для других людей, прибывающих через Google, ошибка - это неправильный вызов style (т. Е. Не используйте строки, используйте объекты).

>Все замечания

~ @AlexanderProd У меня та же проблема; что было причиной твоей? ~

Неважно, в моем случае я использовал

bodyAttributes={{
  style: 'some style string'
}}

внутри автоматически созданного экземпляра SEO.js <Helmet /> . Использование объекта стиля не работало, что, как я полагаю, является проблемой с реактивным шлемом. Преобразование моего стиля в класс и его использование решило мою проблему.

Для других людей, прибывающих через Google, ошибка - это неправильный вызов style (т. Е. Не используйте строки, используйте объекты).

Была ли эта страница полезной?
0 / 5 - 0 рейтинги