Gatsby: WebpackError: Invariant Violation: 축소된 React 오류 #62

우리가 당신을 더 쉽게 도울 수 있도록 가능한 한 많은 유용한 정보를 포함하십시오. 유용한 링크: - 문서: 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 개발은 힘든 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
CPU: (8) x64 Intel(R) Core(TM) i7-4750HQ CPU @ 2.00GHz
셸: 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
언어:
파이썬: 2.7.10 - /usr/bin/python
브라우저:
크롬: 71.0.3578.98
사파리: 12.0.2
npm패키지:
개츠비: ^2.0.76 => 2.0.76
개츠비 이미지: ^2.0.20 => 2.0.25
개츠비 플러그인 매니페스트: ^2.0.9 => 2.0.12
개츠비 플러그인 오프라인: ^2.0.16 => 2.0.20
개츠비 플러그인 반응 헬멧: ^3.0.2 => 3.0.5
개츠비 플러그인 샤프: ^2.0.14 => 2.0.16
개츠비 소스 파일 시스템: ^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 = {
사이트메타데이터: {
제목: 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 ,
소셜링크: [
{
이름: Link 1 ,
URL: https://twitter.com/ ,
},
{
이름: link 2 ,
URL: https://github.com/ ,
}
],
특징: [
{
제목: 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. ,
},
{
제목: 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. ,
},
{
제목: 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 ,
시작 URL: / ,
background_color: #663399 ,
theme_color: #663399 ,
디스플레이: minimal-ui ,
icon: src/images/gatsby-icon.png , // 이 경로는 사이트의 루트에 상대적입니다.
},
},
// 이 (선택 사항) 플러그인은 프로그레시브 웹 앱 + 오프라인 기능을 활성화합니다.
// 자세히 알아보려면 https://gatsby.app/offline을 방문
// '개츠비 플러그인 오프라인',
],
}

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

{
"이름": "gatsby-starter-default",
"비공개": 사실,
"description": "Gatsby와 함께 빠르게 시작하고 개발할 수 있는 간단한 스타터",
"버전": "0.1.0",
"저자": "Kyle Mathews [email protected] ",
"종속성": {
"개츠비": "^2.0.76",
"개츠비 이미지": "^2.0.20",
"gatsby-plugin-manifest": "^2.0.9",
"gatsby-plugin-offline": "^2.0.16",
"gatsby-plugin-react-helmet": "^3.0.2",
"gatsby-plugin-sharp": "^2.0.14",
"개츠비 소스 파일 시스템": "^2.0.8",
"개츠비 트랜스포머 샤프": "^2.1.8",
"소품 유형": "^15.6.2",
"반응": "^16.6.3",
"react-dom": "^16.6.3",
"반응 헬멧": "^5.2.0"
},
"키워드": [
"개츠비"
],
"라이센스": "MIT",
"스크립트": {
"빌드": "개츠비 빌드",
"개발하다": "개츠비 개발하다",
"시작": "npm 실행 개발",
"형식": "더 예쁜 --write \"src/ */ .js\"",
"test": "에코 \"테스트를 작성하십시오! -> https://gatsby.app/unit-testing\ ""
},
"devDependencies": {
"더 예쁘다": "^1.15.2"
},
"저장소": {
"유형": "git",
"url": " https://github.com/gatsbyjs/gatsby-starter-default "
},
"버그": {
"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`: N/A