ERR_PACKAGE_PATH_NOT_EXPORTED on Node 17+

[withSang]

1. 버전

• NVM 0.39.1 + Node 17.8.0
• React 17.0.1

2. 실행 환경

• macOS 12.3 (arm64)

3. 버그 재현 방법

nvm install 17
git clone https://github.com/sparcs-kaist/taxi-front
cd taxi-front
nvm use 17
npm install
npm run start

4. 예상되는 문제

• postcss-safe-parser 패키지를 로드하는 과정에서 ERR_PACKAGE_PATH_NOT_EXPORTED 오류가 발생하며 서버를 시작할 수 없습니다.

 jeongsang@jeongsang-ui-MacBookAir > /directory_for_taxi_front >> main ± >> npm start

> do-it-example@0.1.0 start
> react-scripts start

node:internal/modules/cjs/loader:488
      throw e;
      ^

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/tokenize' is not defined by "exports" in /directory_for_taxi_front/node_modules/postcss-safe-parser/node_modules/postcss/package.json
    at new NodeError (node:internal/errors:372:5)
    at throwExportsNotFound (node:internal/modules/esm/resolve:448:9)
    at packageExportsResolve (node:internal/modules/esm/resolve:727:3)
    at resolveExports (node:internal/modules/cjs/loader:482:36)
    at Function.Module._findPath (node:internal/modules/cjs/loader:522:31)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:919:27)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/directory_for_taxi_front/node_modules/postcss-safe-parser/lib/safe-parser.js:1:17) {
  code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'
}

Node.js v17.8.0

5. 원인

• Node 17 이상 버전에서 OpenSSL 관련 이슈가 있는 것으로 보입니다 (https://stackoverflow.com/questions/69692842/error-message-error0308010cdigital-envelope-routinesunsupported ).
• 터미널이나 명령 프롬프트에서 NODE_OPTIONS 환경변수를 추가하거나, Node를 lts 버전(v.16.13.2)으로 다운그레이드해서 문제를 해결해야 합니다.

6. 추가 정보

• 없음.