Docz: docz dev를 실행하는 중 멈춤

오늘 이것을 살펴보고 Docz에 대한 package.json 파일을 살펴 보았습니다. 나는 그들이 사용하는 React 타이핑이 ^16.8.2 것을 보았습니다. Docz가있는 프로젝트에 React ^16.8.3 를 사용했습니다.

Docz가있는 프로젝트에서 다음 버전의 React를 실행하고 있는지 확인하십시오.

    "react": "^16.8.2",
    "react-dom": "^16.8.2",

그 후 .docz 폴더와 node_modules . 마지막으로 node_modules 다시 설치하고 docz를 실행하면 괜찮을 것입니다!

흥미로운 점은 프로젝트를 실행하기 위해 설치해야하는 React 버전을 나타내는 피어 종속성이 없다는 것입니다. @pedronauck Readme를 업데이트하고 특정 React 버전을 package.json 추가하기 위해 PR을 제출하게되어 기쁩니다 .

@ mwood23이 말한 내용이이 문제를 해결해야합니다.

@pedronauck 그렇지 않습니다.
내 반응을 package.json에 16.8.2에 고정하고 docz가 자동으로 16.8.6을 설치하므로 이제 두 가지 버전의 반응이 설치되었습니다 (원사 이유에 따라)
내 반응을 16.8.6으로 변경했는데 이제 하나의 버전 만 있지만 여전히 위의 동일한 오류로 스택되지 않습니다.

DOCZ_SOURCE=./src/ yarn docz dev debug
yarn run v1.15.2
$ ~/dev/node_modules/.bin/docz dev debug

● Docz █████████████████████████ building (10%) 2/4 modules 2 active
  ../node_modules/url/url.js


<--- Last few GCs --->

[68584:0x102645000]   123578 ms: Mark-sweep 1391.3 (1424.5) -> 1390.8 (1423.5) MB, 645.1 / 0.0 ms  (average mu = 0.091, current mu = 0.038) allocation failure scavenge might not succeed
[68584:0x102645000]   123583 ms: Scavenge 1391.6 (1423.5) -> 1391.1 (1424.0) MB, 2.7 / 0.0 ms  (average mu = 0.091, current mu = 0.038) allocation failure 
[68584:0x102645000]   123587 ms: Scavenge 1391.8 (1424.0) -> 1391.3 (1424.5) MB, 2.5 / 0.0 ms  (average mu = 0.091, current mu = 0.038) allocation failure 


<--- JS stacktrace --->

==== JS stack trace =========================================

    0: ExitFrame [pc: 0x17ac3f1dbe3d]
Security context: 0x31c23fe9e6e1 <JSObject>
    1: /* anonymous */ [0x31c2e77794f9] [~/dev/node_modules/ast-types/lib/path-visitor.js:~174] [pc=0x17ac3f9c941f](this=0x31c2a9841179 <Object map = 0x31c2a3acbf79>,path=0x31c2b54c0d49 <NodePath map = 0x31c2a3ac6881>)
    2: /* anonymous */ [0x31c2e77794f9] [~/dev/node_modules/ast-types/lib/path-visitor.js:~174] [pc=0x17ac3f9...

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 0x10003b125 node::Abort() [~/.nvm/versions/node/v10.15.0/bin/node]
 2: 0x10003b32f node::OnFatalError(char const*, char const*) [~/.nvm/versions/node/v10.15.0/bin/node]
 3: 0x1001a8e85 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [~/.nvm/versions/node/v10.15.0/bin/node]
 4: 0x1005742a2 v8::internal::Heap::FatalProcessOutOfMemory(char const*) [~/.nvm/versions/node/v10.15.0/bin/node]
 5: 0x100576d75 v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [~/.nvm/versions/node/v10.15.0/bin/node]
 6: 0x100572c1f v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [~/.nvm/versions/node/v10.15.0/bin/node]
 7: 0x100570df4 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [~/.nvm/versions/node/v10.15.0/bin/node]
 8: 0x10057d68c v8::internal::Heap::AllocateRawWithLigthRetry(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [~/.nvm/versions/node/v10.15.0/bin/node]
 9: 0x10057d70f v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [~/.nvm/versions/node/v10.15.0/bin/node]
10: 0x10054d054 v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [~/.nvm/versions/node/v10.15.0/bin/node]
11: 0x1007d4f24 v8::internal::Runtime_AllocateInNewSpace(int, v8::internal::Object**, v8::internal::Isolate*) [~/.nvm/versions/node/v10.15.0/bin/node]
12: 0x17ac3f1dbe3d 
13: 0x17ac3f9c941f 
error Command failed with signal "SIGABRT".
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

아마도 docz 및 docz-theme-default가 react 및 react-dom을 peerDependency로 사용하지 않기 때문일 것입니다. 불행히도이 문제를 해결하는 올바른 방법이 peerDependency로 종속성을 사용하여 풀 요청을하는 것인지 모르겠습니다. 그래서 해결 방법을 제시 할 수 있습니다. npm을 사용하고 있으므로 해당 라이브러리 (https://github.com/rogeriochaves/npm-force-resolutions)를 설치했습니다. 이 lib는 종속성이 중복되지 않은 하나의 라이브러리 만 사용하도록합니다. 그래서 설치 후 이것을 내 package.json에 추가했습니다.

"resolutions": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6"
}

그리고 docz가 다시 작동합니다.)
추신. rc7 및 rc8 버전을 사용하고 있습니다. 아마도이 문제는 다음 버전에서 해결 될 것입니다.

나는 같은 문제가 있었다. docz를 업그레이드했을 때 내 프로젝트는 16.8.2 였으므로 docz는 16.8.6에서 자체 react 사본을 얻었습니다. 내 node_modules 및 패키지 잠금을 제거하고 다시 설치하면 docz에서 중복 제거되고 문제가 사라졌습니다.

이것이 바로 peerDependencies 목적입니다.

여전히이 오류가 발생했습니다.
Error parsing static types × error Error: No suitable component definition found.

하지만 빌드 및 개발은 잘 작동합니다.

안녕하세요, 저도 같은 문제가 있습니다. package.json은 다음과 같습니다.

{
"이름": "드라이버 앱",
"버전": "0.1.0",
"private": 참,
"홈페이지": "/ react /",
"종속성": {
"axios": "^ 0.18.0",
"기록": "^ 4.9.0",
"반응": "^ 16.8.2",
"react-dom": "^ 16.8.2",
"react-css-modules": "^ 4.7.9",
"react-modal": "^ 3.8.1",
"react-router-dom": "^ 4.3.1",
"반응 스크립트": "2.1.5",
"매끄럽게 반응": "^ 0.23.2"
},
"스크립트": {
"start": "반응 스크립트 시작",
"build": "반응 스크립트 빌드",
"test": "반응 스크립트 테스트",
"eject": "반응 스크립트 꺼내기",
"docz : dev": "docz dev",
"docz : build": "docz 빌드"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
"> 0.2 %",
"죽지 않았다",
"즉, <= 11이 아님",
"op_mini 모두 아님"
],
"devDependencies": {
"docz": "최신",
"docz-theme-default": "^ 1.0.4",
"효소": "^ 3.9.0",
"enzyme-adapter-react-16": "^ 1.12.1",
"svg-sprite-loader": "^ 4.1.3"
}
}

누구든지 도울 수 있습니까?

같은 문제

내가 & @alexhawkins가 그것을

내 상황은 Lerna와 같은 monorepo 도구가 아닌 npm 스크립트로 관리되는 monorepo가 ​​있다는 것입니다.

모든 Gatsby 앱이 포함 된 프런트 엔드 폴더가 있습니다. 프런트 엔드 저장소 package.json에는

  "resolutions": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6"
  },
"dependencies" : {
    "react": "16.8.6",
    "react-dom": "16.8.6"
},
  "devDependencies": {
    "docz": "^1.0.4",
    "docz-theme-default": "^1.0.4"
}

1. .docz 을 .gitignore
2. frontend 폴더, rm -rf node_modules package-lock.json .docz
3. frontend 폴더, npm i
4. frontend 폴더, docz dev

잘 될 것입니다. 앞으로 이것을 읽는 사람들의 경우 react 종속성은 https://github.com/pedronauck/docz/blob/master/core/docz/package.json에있는 React 버전과 일치해야 할 수 있습니다.

위의 모든 것을 시도한 후 V1로 업그레이드하면 React 버전 등을 수정하는 방법에 관계없이 동일한 스택 추적이 발생한다는 것을 알았습니다.

● Docz █████████████████████████ building (11%) 9/16 modules 7 active
 node_modules/docz-core/node_modules/webpack-dev-server/client/overlay.js


<--- Last few GCs --->

[7187:0x10276f000]    28993 ms: Scavenge 1389.3 (1422.5) -> 1388.9 (1423.0) MB, 2.2 / 0.0 ms  (average mu = 0.093, current mu = 0.039) allocation failure 
[7187:0x10276f000]    28996 ms: Scavenge 1389.6 (1423.0) -> 1389.2 (1423.5) MB, 2.2 / 0.0 ms  (average mu = 0.093, current mu = 0.039) allocation failure 
[7187:0x10276f000]    29000 ms: Scavenge 1389.9 (1423.5) -> 1389.5 (1424.5) MB, 2.4 / 0.0 ms  (average mu = 0.093, current mu = 0.039) allocation failure 


<--- JS stacktrace --->

==== JS stack trace =========================================

    0: ExitFrame [pc: 0x14a3e9a4fc7d]
Security context: 0x3042e899d949 <JSObject>
    1: getMembers(aka getMembers) [0x3042a4ca4ef9] [/Users/simon.bailey/src/web-ui/node_modules/react-docgen/dist/utils/getMembers.js:~43] [pc=0x14a3ea33dc3e](this=0x3042c9e825b1 <undefined>,0x3042b2f35bc1 <NodePath map = 0x3042a6c16111>,0x3042c9e82741 <true>)
    2: getPropType(aka getPropType) [0x3042dec3fd21] [/Users/simon.bailey/src/web-ui/node_modules/r...

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 0x100062991 node::Abort() [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
 2: 0x100063030 node::errors::TryCatchScope::~TryCatchScope() [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
 3: 0x10019cf37 v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
 4: 0x10019ced4 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
 5: 0x1005a2032 v8::internal::Heap::FatalProcessOutOfMemory(char const*) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
 6: 0x1005a4563 v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
 7: 0x1005a0a98 v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
 8: 0x10059ec55 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
 9: 0x1005ab4fc v8::internal::Heap::AllocateRawWithLightRetry(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
10: 0x1005ab57f v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
11: 0x10057a774 v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
12: 0x10082cc94 v8::internal::Runtime_AllocateInNewSpace(int, v8::internal::Object**, v8::internal::Isolate*) [/Users/simon.bailey/.nvm/versions/node/v11.7.0/bin/node]
13: 0x14a3e9a4fc7d 

또한 npm 링크로 로컬로 연결된 별도의 리포지토리에서 사용자 지정 테마를 사용하려고 할 때 내 프로젝트에서 이중 React 설치로 끝났습니다. 테마의 node_modules에서 반응을 삭제하고 테마의 node_modules에 대한 문서 프로젝트의 반응을 심볼릭 링크하여 해결할 수 있습니다.

같게. 동일한 패키지 버전, resolutions 필드 추가 등을 시도했습니다. 동일한 스택 추적.

이것에 대한 업데이트가 있습니까? 나도 16.8.6에 대한 반응 고정을 시도하고, node_modules 및 package-lock.json을 제거하여 중복 제거 반응 버전을 얻었지만 여전히이 오류가 발생합니다.

이 도움이 되었습니까? https://github.com/pedronauck/docz/pull/882

동료는 babel.config.js에 api.cache (true)를 사용하는 것이 좋습니다.
https://babeljs.io/docs/en/configuration

package-lock.json 구축이 저에게 효과적이었습니다.

여전히이 오류가 발생합니다. 고정 된 deps가 작동했지만 더 이상 작동하지 않음

안녕하세요 @hipstersmoothie

사용중인 docz 버전을 제공해 주시겠습니까?

최신 v1 릴리스에서이 문제가 발생합니다. v2가 무한 RC 상태에서 멈춘 것처럼 보이므로 두 가지 주요 버전에 대한 패키지 안정성에 대해 걱정합니다.

안녕하세요 @wldcordeiro

V2는 다음 주 월요일 11 월 25 일 RC 상태에서 제외됩니다.

시도해 보셨나요?

시도해 보시기 바랍니다. 문제가 발생하면 기꺼이 도와 드리겠습니다! 아니면 다음 주를 기다리세요 👍

@rakannimer 그냥 debug 에서 true 를 doczrc.js 에서 true 로 설정했을 때 v2의 콘솔에 오류가 계속 표시 될 것이라는 점을 언급하고 싶었습니다

안녕하세요 @ Clarity-89

어떤 오류가 나타나는지 잘 모르겠습니다.
의도적이지 않아 재현 할 수 없었습니다.

재현을 제공하거나 프로젝트에 대해 자세히 설명해 주시겠습니까?

@rakannimer 유형과 관련된 오류 :

✖  fatal     Error parsing static types
✖  error     Error: No suitable component definition found. 
at parse (/Users/user/dev/uikit/node_modules/react-docgen/dist/parse.js:70:13)
at Object.defaultParse [as parse] (/Users/user/dev/uikit/node_modules/react-docgen/dist/main.js:64:29)
at parseFilepathProps (/Users/user/dev/uikit/node_modules/docz-core/dist/index.js:1898:33)
at Array.map (<anonymous>)
    at jsParser (/Users/user/dev/uikit/node_modules/docz-core/dist/index.js:1909:16)
    at docgen (/Users/user/dev/uikit/node_modules/docz-core/dist/index.js:2116:102)

불행히도 프로젝트는 상용 코드이므로 실제로 저장소를 공유 할 수 없습니다.

기본적으로 Lerna에서 관리하는 monorepo UI 구성 요소 라이브러리입니다. 오류가 일부 종속성으로 인한 것일 수 있는지 궁금합니다. 어떤 식 으로든 실행중인 앱에 영향을 미치지 않는 것 같습니다.

@rakannimer 나는 하나의 패키지로 작은 monorepo에서 경고를 재현 할 수있었습니다. https://github.com/Clarity-89/uikit에서 찾을 수 있습니다
재현 단계 :

1. 저장소 복제
2. yarn install
3. docz dev

createSchemaCustomization 단계 후에 오류가 표시됩니다. Node 10.16.2 및 13.2 사용하여 시도했습니다.

더 많은 정보가 필요하면 알려주세요.

여전히이 문제가 발생합니다. React 앱에 Docz를 설치하면 동일한 앱에 둘 이상의 React 사본이 있습니다.

npm force-resolutions를 사용해 보았지만 제 경우에는이 문제를 해결하지 못했습니다.

Docz가 다음 버전의 react 및 react-dom을 사용하는 것을 확인했습니다.
"반응": "^ 16.8.0",
"react-dom": "^ 16.8.0"

내 프로젝트가 16.13.1을 사용하고 있는데 이것이 문제 일 수 있습니까?

어떤 도움이라도 대단히 감사하겠습니다!