실의 구문 분석 오류를 처리하는 방법

storybook 빌드하는 동안 알 수 없는 구문 분석 오류로 어려움을 겪었습니다.

왜 계속 이런 일이 일어나는지 의아해했습니다.

캐시가 손상되어 오류가 발생한 것으로 나타났습니다.

npm 캐시와 node_modules 디렉토리를 간단히 삭제할 수 있습니다.

오류 샘플

다음과 같은 오류가 발생했습니다.

[[email protected]]$ NODE_OPTIONS=--max_old_space_size=4096 yarn build-storybook:coding
yarn run v1.22.19
$ BASE_PATH=/storybook build-storybook -o dist/storybook
info @storybook/vue3 v6.5.10
info 
info => Cleaning outputDir: /var/www/html/dist/storybook
info => Loading presets
info => Compiling manager..
ERR! => Failed to build the manager
ERR! Cannot parse records: Unexpected end of JSON input while parsing near ''
ERR! TypeError: previewBuilder.bail is not a function
ERR!     at /var/www/html/node_modules/@storybook/core-server/dist/cjs/build-static.js:219:26
ERR!     at processTicksAndRejections (node:internal/process/task_queues:96:5)
ERR!     at async Promise.all (index 0)
ERR!     at async buildStaticStandalone (/var/www/html/node_modules/@storybook/core-server/dist/cjs/build-static.js:218:28)
ERR!     at async buildStatic (/var/www/html/node_modules/@storybook/core-server/dist/cjs/build-static.js:254:5)
ERR!  TypeError: previewBuilder.bail is not a function
ERR!     at /var/www/html/node_modules/@storybook/core-server/dist/cjs/build-static.js:219:26
ERR!     at processTicksAndRejections (node:internal/process/task_queues:96:5)
ERR!     at async Promise.all (index 0)
ERR!     at async buildStaticStandalone (/var/www/html/node_modules/@storybook/core-server/dist/cjs/build-static.js:218:28)
ERR!     at async buildStatic (/var/www/html/node_modules/@storybook/core-server/dist/cjs/build-static.js:254:5)
info => Loading presets
error Command failed with exit code 1.

따라서 주요 오류는

ERR! Cannot parse records: Unexpected end of JSON input while parsing near ''

1단계: npm 캐시 삭제 시도

간단히 npm cache clear 명령을 실행해 보겠습니다.

npm cache clean –force

2단계: node_modules/.cache 디렉토리 삭제 시도

1단계가 작동하지 않으면 .cache 디렉토리를 수동으로 삭제하십시오.

3단계: node_modules 디렉토리 삭제 시도

일부 충돌이 있을 수 있으므로 전체node_modules 디렉토리를 삭제하고 재구축할 수 있습니다.

4단계: 설치된 노드, npm, 얀 버전 확인

로컬, 동료, 서버 등 환경이 여러 개인 경우 일부 환경은 작동하지만 다른 환경은 작동하지 않는 경우 각 환경의 설치된 버전을 확인해야 할 수 있습니다.

그것들을 일치시킨 후 STEP1부터 다시 시작하십시오.

행운을 빕니다.

참조

https://www.danroo.com/web/post-666/
https://github.com/storybookjs/storybook/issues/4034#issuecomment-780694848