Yarn StoryBook 실행 Error #22431

에러 내용

/Projects/node_modules/wide-align/align.js:2
var stringWidth = require('string-width')
                  ^

Error [ERR_REQUIRE_ESM]: require() of ES Module /Projects/node_modules/string-width/index.js from /Projects/node_modules/wide-align/align.js not supported.
Instead change the require of index.js in /Projects/FPV/nextmission/node_modules/wide-align/align.js to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (/Projects/node_modules/wide-align/align.js:2:19)
    at Object.<anonymous> (/Projects/node_modules/gauge/render-template.js:2:13)
    at Object.<anonymous> (/Projects/node_modules/gauge/plumbing.js:3:22)
    at Object.<anonymous> (/Projects/node_modules/gauge/index.js:2:16)
    at Object.<anonymous> (/Projects/node_modules/npmlog/log.js:3:13)
    at Object.<anonymous> (/Projects/node_modules/@storybook/node-logger/dist/index.js:1:1141)
    at Object.<anonymous> (/Projects/node_modules/@storybook/cli/dist/generate.js:1:1014)
    at Object.<anonymous> (/Projects/node_modules/@storybook/cli/bin/index.js:9:1)
    at Object.<anonymous> (/Projects/node_modules/storybook/index.js:3:1) {
  code: 'ERR_REQUIRE_ESM'
}

Node.js v18.18.12

수정 방안

Yarn 1 을 Yarn 3 or 4로 업그레이드 하면 해당 에러는 사라지게 된다.

> yarn --version
1.22.21
# node, npm 버전
> node --version
v18.18.2
> npm --version
9.5.1

------------------------------
> yarn set version berry
yarn --version
4.0.2