[FE] sharp 라이브러리 관련 빌드 실패 해결

[HyeryongChoi]

🐞 Describe

sharp라이브러리가 현재 아키텍처에 맞게 설치되도록 도커파일에 아래와 같은 명령어를 추가해주려고 해여

RUN yarn add sharp --platform=linux --arch=arm64

// Dockerfile.dev

FROM --platform=linux/arm64 node:18.16.1-alpine as builder
WORKDIR /app

# build
COPY . /app
RUN yarn add sharp --platform=linux --arch=arm64 # 추가!!
RUN yarn build:dev

# nginx 
FROM nginx:latest
RUN rm -rf /etc/nginx/conf.d
COPY conf /etc/nginx
COPY --from=builder /app/dist /usr/share/nginx/html

EXPOSE 3000
CMD ["nginx", "-g", "daemon off;"]

📄 Logs

#18 [linux/arm64 builder 4/4] RUN yarn build:dev
#18 23.63 [webpack-cli] Failed to load '/app/config/webpack.dev.js' config
#18 23.67 [webpack-cli] Error: 
#18 23.67 Something went wrong installing the "sharp" module
#18 23.67 
#18 23.67 Qualified path resolution failed: we looked for the following paths, but none could be accessed.
#18 23.67 
#18 23.67 Source path: /app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/build/Release/sharp-linuxmusl-arm64v8.node
#18 23.67 Not found: /app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/build/Release/sharp-linuxmusl-arm64v8.node
#18 23.67 Not found: /app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/build/Release/sharp-linuxmusl-arm64v8.node.js
#18 23.67 Not found: /app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/build/Release/sharp-linuxmusl-arm64v8.node.json
#18 23.67 Not found: /app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/build/Release/sharp-linuxmusl-arm64v8.node.node
#18 23.67 
#18 23.67 Require stack:
#18 23.67 - /app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/lib/sharp.js
#18 23.67 - /app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/lib/constructor.js
#18 23.67 - /app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/lib/index.js
#18 23.67 - /app/.yarn/__virtual__/responsive-loader-virtual-5db58305a8/0/cache/responsive-loader-npm-3.1.2-1d13e078db-3df2e2ca21.zip/node_modules/responsive-loader/lib/adapters/sharp.js
#18 23.67 - /app/.yarn/__virtual__/responsive-loader-virtual-5db58305a8/0/cache/responsive-loader-npm-3.1.2-1d13e078db-3df2e2ca21.zip/node_modules/responsive-loader/sharp.js
#18 23.67 - /app/config/webpack.common.js
#18 23.67 - /app/config/webpack.dev.js
#18 23.67 - /app/.yarn/__virtual__/webpack-cli-virtual-5d96ff03fa/0/cache/webpack-cli-npm-5.1.4-7be5b53b38-3a4ad0d034.zip/node_modules/webpack-cli/lib/webpack-cli.js
#18 23.67 - /app/.yarn/__virtual__/webpack-cli-virtual-5d96ff03fa/0/cache/webpack-cli-npm-5.1.4-7be5b53b38-3a4ad0d034.zip/node_modules/webpack-cli/lib/bootstrap.js
#18 23.67 - /app/.yarn/__virtual__/webpack-cli-virtual-5d96ff03fa/0/cache/webpack-cli-npm-5.1.4-7be5b53b38-3a4ad0d034.zip/node_modules/webpack-cli/bin/cli.js
#18 23.67 - /app/.yarn/__virtual__/webpack-virtual-4ef30f54d3/0/cache/webpack-npm-5.88.1-b68c09f1a7-726e7e05ab.zip/node_modules/webpack/bin/webpack.js
#18 23.67 
#18 23.67 Possible solutions:
#18 23.67 - Install with verbose logging and look for errors: "npm install --ignore-scripts=false --foreground-scripts --verbose sharp"
#18 23.67 - Install for the current linuxmusl-arm64v8 runtime: "npm install --platform=linuxmusl --arch=arm64v8 sharp"
#18 23.67 - Consult the installation documentation: https://sharp.pixelplumbing.com/install
#18 23.67     at Object.<anonymous> (/app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/lib/sharp.js:37:9)
#18 23.67     at Module._compile (node:internal/modules/cjs/loader:1256:14)
#18 23.67     at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
#18 23.67     at require$$0.Module._extensions..js (/app/.pnp.cjs:34548:33)
#18 23.67     at Module.load (node:internal/modules/cjs/loader:1119:32)
#18 23.67     at Module._load (node:internal/modules/cjs/loader:960:12)
#18 23.67     at require$$0.Module._load (/app/.pnp.cjs:34393:31)
#18 23.67     at Module.require (node:internal/modules/cjs/loader:1143:19)
#18 23.67     at require (node:internal/modules/cjs/helpers:110:18)
#18 23.67     at Object.<anonymous> (/app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/lib/constructor.js:11:1)
#18 ERROR: process "/bin/sh -c yarn build:dev" did not complete successfully: exit code: 2
------
 > [linux/arm64 builder 4/4] RUN yarn build:dev:
23.67     at Object.<anonymous> (/app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/lib/sharp.js:37:9)
23.67     at Module._compile (node:internal/modules/cjs/loader:1256:14)
23.67     at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
23.67     at require$$0.Module._extensions..js (/app/.pnp.cjs:34548:33)
23.67     at Module.load (node:internal/modules/cjs/loader:1119:32)
23.67     at Module._load (node:internal/modules/cjs/loader:960:12)
23.67     at require$$0.Module._load (/app/.pnp.cjs:34393:31)
23.67     at Module.require (node:internal/modules/cjs/loader:1143:19)
23.67     at require (node:internal/modules/cjs/helpers:110:18)
23.67     at Object.<anonymous> (/app/.yarn/unplugged/sharp-npm-0.32.6-6b3822c437/node_modules/sharp/lib/constructor.js:11:1)
------
Dockerfile.dev:6
--------------------
   4 |     # build
   5 |     COPY . /app
   6 | >>> RUN yarn build:dev
   7 |     #RUN yarn build:sb
   8 |     
--------------------
ERROR: failed to solve: process "/bin/sh -c yarn build:dev" did not complete successfully: exit code: 2
Error: buildx failed with: ERROR: failed to solve: process "/bin/sh -c yarn build:dev" did not complete successfully: exit code: 2

🕖 예상 작업 소요 시간

10분

🌏 Environment

.

🙋🏻 More

No response