로딩...
FE
50dd79a
저널about-me
yarn


yarn@4 에 대한 최근생각



.yarnrc.yml



usage


berry 기준


yarn info _package_name_
yarn info _package_name_ version
yarn patch-package
yarn set version berry
yarn plugin import @yarnpkg/plugin-workspace-tools

pnp


대충 zero install 모드가 되면서 package 가 zip 파일로 .yarn/cache 디렉토리안에 들어가게된다.
대신 node_modules 디렉토리가 없어지면서 에디터에서 문제를 일으켰는데 webstorm@2022.3.1 [지메일로 보내기] 기준, 잘 동작


다른 에디터는 여전히 문제가 되는데 이를 sdk 형태로 함께 배포하고 있다


    

  • @yarnpkg/sdks
    • 



yarn dlx @yarnpkg/sdks vscode vim
yarn dlx @yarnpkg/sdks base # neovim >= 0.6 native lsp

lnp 모드시 모듈 임포트(require)


node cli 에서


모듈 임포트가 안되서 테스트하기가 짜증났는데 옵션 줘서 해보니 된다


node -r .pnp.cjs
$

파일에서


yarn node [script.js]

workspace, monorepo, pnp



yarn add --force @workspace/package [package_name]

yarn set version berry
yarn init -w
yarn plugin import @yarnpkg/plugin-workspace-tools
cd packages
mkdir lib
cd lib
yarn init -y

package.json


{
  "name": "tmp",
  "packageManager": "yarn@3.2.0",
  "private": true,
  "workspaces": [
    "packages/*"
  ]
}

packages/lib/package.json


{
  "name": "papago",
  "type": "module",
  "dependencies": {
    "node-fetch": "^3.2.0"
  }
}

typescript internal modules


모노레포에서 하나의 패키지에서 다른 패키지를 참조하려면 실제로는 빌드를 되게 하는 것이 정석이나 번거롭다.
패키지만 분리하고 함께 컴파이되도록 하려면 타입스크립트 compilerOptions 에 추가 설정이 필요하다


  "baseUrl": ".",
  "paths": {
    "@project/package": [
      "packages/package/src"
    ],
    "@project/package/*": [
      "packages/package/src/*"
    ]
  }

@project/package 는 참조할 패키지의 package.json:name 과 같게한다


node_modules


    

  • 2023-02-03
아래 내용은 @yarnpkg/sdks 를 통해 해결이 가능하며 webstorm 도 현재 zero install 을 지원해서 유용하지 않다
    • 



.yarnrc.yml


yarnPath: .yarn/releases/yarn-3.2.0.cjs
nodeLinker: node-modules

혹은


yarn config set nodeLinker node-modules

    

  • nodeLinker: 를 통해 node_modules pnp 에서도 사용 가능하다.
node_modules 이 없으면 2022-03-14 현재도 webstorm 에서 제대로 사용이 불가능하다.
      

    • 2023-02-13 현재는 nodeLinker 없이 사용 가능
      • 

    

    • 



ci


nohoist



{
  "workspaces": {
    "packages": [ "packages/*" ],
    "nohoist": [ "**/react-native" ]
  }
}

error


Unknown Syntax Error: Command not found; did you mean:


workspace tool 이 있어야지 가능


# https://yarnpkg.com/api/modules/plugin_workspace_tools.html
yarn plugin import workspace-tools

    

  • 2023-01-31 workspace package 가 prefix 를 가지게 된 것으로 보인다
    • 



yarn plugin import @yarnpkg/plugin-workspace-tools



The remote archive doesn't match the expected checksum


➤ YN0000: │ Some peer dependencies are incorrectly met; run yarn explain peer-requirements <hash> for details, where <hash> is the six-letter p-prefixed code
➤ YN0000: └ Completed in 0s 623ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ @ptomasroos/react-native-multi-slider@https://github.com/zigbang/react-native-multi-slider.git#commit=22a0d52e2edb40edb552c4e010cd629bc2e68e9c can't be found in the cache and will be fetched from GitHub
➤ YN0013: │ multiple-cucumber-html-reporter@https://github.com/Seunghyum/multiple-cucumber-html-reporter.git#commit=e03908f469aa694900da40597ea31a9a0ca3d86f can't be found in the cache and will be fetched from GitHub
➤ YN0013: │ @ptomasroos/react-native-multi-slider@git+https://github.com/zigbang/react-native-multi-slider.git#commit=22a0d52e2edb40edb552c4e010cd629bc2e68e9c can't be found in the cache and will be fetched from the remote r
➤ YN0013: │ multiple-cucumber-html-reporter@https://github.com/Seunghyum/multiple-cucumber-html-reporter.git#commit=e03908f469aa694900da40597ea31a9a0ca3d86f can't be found in the cache and will be fetched from the remote rep
➤ YN0018: │ @ptomasroos/react-native-multi-slider@git+https://github.com/zigbang/react-native-multi-slider.git#commit=22a0d52e2edb40edb552c4e010cd629bc2e68e9c: The remote archive doesn't match the expected checksum
➤ YN0018: │ multiple-cucumber-html-reporter@https://github.com/Seunghyum/multiple-cucumber-html-reporter.git#commit=e03908f469aa694900da40597ea31a9a0ca3d86f: The remote archive doesn't match the expected checksum
➤ YN0000: └ Completed in 5s 348ms
➤ YN0000: Failed with errors in 5s 976ms
$ YARN_CHECKSUM_BEHAVIOR=update yarn 



yarn set version 3.3.1

Error: Required unplugged package missing from disk. This may happen when switching branches without running installs (unplugged packages must be fully materialized on disk to work).


sharp 모듈을 설치하면서 에러가 났다. yarn 을 안한 것은 아니고 이미지를 빌드하는 컴퓨터와 runtime 컨테이너의 아키텍쳐 차이가 발생하면서 모듈을 못찾는게 문제
해당 모듈은 .yarn/unplugged 위치에 설치되는데 아마도 node-gyp 를 통해 네이티브 빌드가 들어가기 때문일 수 있을 것 같음
npm 의 경우에는 arch 옵션을 지원하지만 yarn 은 이를 지원하지 않는데 아래 명령어를 통해서 해결
설치시에는 기존에 설치된 모듈을 지우고 설치해야한다. 아마 멀티 플랫폼을 빌드를 하려면 각 플랫폼 별 인스톨 후에 .yarn/unplugged 디렉토리를 병합해야할 것으로 생각


$ SHARP_IGNORE_GLOBAL_LIBVIPS=1 npm_config_arch=x64 npm_config_platform=linux yarn add sharp



Premature close


➤ YN0001: │ Error [ERR_STREAM_PREMATURE_CLOSE]: Premature close
    at new NodeError (node:internal/errors:400:5)
    at PassThrough.onclose (node:internal/streams/end-of-stream:143:30)
    at PassThrough.emit (node:events:513:28)
    at emitCloseNT (node:internal/streams/destroy:132:10)
    at process.processTicksAndRejections (node:internal/process/task_queues:81:21)
➤ YN0000: └ Completed in 5s 872ms
➤ YN0000: Failed with errors in 6s 5ms

브랜치 바꾸니까 해결됨, 브랜치내에 문제가 있었던 걸로 예상됨


RequestError: Socket connection timeout



 yarn                                                                                                                1 err  9s  20.2.0 node  01:21:00
➤ YN0000: · Yarn 4.0.2
➤ YN0000: ┌ Resolution step
➤ YN0001: │ RequestError: Socket connection timeout
    at ClientRequest.<anonymous> (/Users/deptno/workspace/src/github.com/deptno/salji.ro/backend/.yarn/releases/yarn-4.0.2.cjs:147:14258)
    at Object.onceWrapper (node:events:626:26)
    at ClientRequest.emit (node:events:523:35)
    at u.emit (/Users/deptno/workspace/src/github.com/deptno/salji.ro/backend/.yarn/releases/yarn-4.0.2.cjs:142:14420)
    at TLSSocket.socketErrorListener (node:_http_client:495:9)
    at TLSSocket.emit (node:events:511:28)
    at emitErrorNT (node:internal/streams/destroy:151:8)
    at emitErrorCloseNT (node:internal/streams/destroy:116:3)
    at processTicksAndRejections (node:internal/process/task_queues:82:21)
    at runNextTicks (node:internal/process/task_queues:64:3)
    at new NodeError (node:internal/errors:399:5)
    at internalConnectMultiple (node:net:1099:20)
    at Timeout.internalConnectMultipleTimeout (node:net:1638:3)
    at listOnTimeout (node:internal/timers:575:11)
    at process.processTimers (node:internal/timers:514:7)
➤ YN0000: └ Completed in 3s 297ms
➤ YN0000: · Failed with errors in 3s 304ms



ERR_MODULE_NOT_FOUND


 ⨯ Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'firebase-admin' imported from [-]
Did you mean to import firebase-admin-npm-12.0.0-a20a06d34c-70e619250d.zip/node_modules/firebase-admin/lib/app/index.js?
    at packageResolve (node:internal/modules/esm/resolve:844:9)
    at moduleResolve (node:internal/modules/esm/resolve:901:20)
    at defaultResolve (node:internal/modules/esm/resolve:1121:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38)
    at ModuleLoader.import (node:internal/modules/esm/loader:328:34)
    at importModuleDynamically (node:internal/modules/cjs/loader:1261:33)
    at importModuleDynamicallyWrapper (node:internal/vm/module:431:21)
    at importModuleDynamicallyCallback (node:internal/modules/esm/utils:176:14) {
  code: 'ERR_MODULE_NOT_FOUND'

    

  • yarn@4 + pnp 를 docker 로 배포했을때 발생
    •