Web View app빌드 시 오류 및 빌드 후 테스트 오류 문의 드립니다

<stdin>:16:7: ERROR: [plugin: collect-package-version] Could not resolve "@tiptap/pm"
<stdin>:16:7: ERROR: [plugin: collect-package-version] Could not resolve "@tiptap/pm"

첫번째로 위 로그와같이 tiptap 라이브러리 관련 이슈가 있습니다. 빌드가 더이상 불가능하여 문의 드립니다.

miniapp에서는 잘 돌아갔었습니다.

그리고 위 라이브러리를 제거하고 빌드하여 ait를 배포 후 진행하였는데

qr로 접근시 아래 이미지와 같이 번들을 찾을수 없다는 오류가 나옵니다. 확인 부탁드립니다.

에러 재현 과정을 알려주실 수 있을까요 ?
package.json 도 궁금합니다 ! :slight_smile:

혹시 몰라 댓글 남겨두어요

토스앱 최신 버전으로 테스트를 부탁드리며, QR코드 접속 조건도 안내드립니다.

{
  "name": "inout",
  "version": "4.4.1",
  "homepage": "./",
  "private": true,
  "dependencies": {
    "@apps-in-toss/web-framework": "^0.0.40",
    "@craco/craco": "^7.1.0",
    "@hello-pangea/dnd": "^16.6.0",
    "@lukemorales/query-key-factory": "^1.3.4",
    "@material-ui/core": "^4.12.3",
    "@microsoft/fetch-event-source": "^2.0.1",
    "@mui/styles": "^5.0.1",
    "@sentry/react": "^9.6.0",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@tiptap/extension-color": "^2.11.5",
    "@tiptap/extension-highlight": "^2.11.5",
    "@tiptap/extension-link": "^2.11.5",
    "@tiptap/extension-placeholder": "^2.11.5",
    "@tiptap/extension-underline": "^2.11.5",
    "@tiptap/react": "^2.11.5",
    "@tiptap/starter-kit": "^2.11.5",
    "axios": "^1.6.7",
    "browser-image-compression": "^2.0.2",
    "canvas-confetti": "^1.9.3",
    "classnames": "^2.3.2",
    "connected-react-router": "^6.9.2",
    "dayjs": "^1.11.2",
    "dotenv": "^16.0.0",
    "env-cmd": "^10.1.0",
    "eslint-config-prettier": "^8.10.0",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-react": "^7.33.2",
    "framer-motion": "^6.2.4",
    "gsap": "^3.12.5",
    "history": "^4.10.1",
    "html-entities": "^2.6.0",
    "html2canvas": "^1.4.1",
    "idb": "^7.1.0",
    "lodash": "^4.17.21",
    "marked": "^16.0.0",
    "patch-package": "^8.0.0",
    "react": "^17.0.2",
    "react-app": "^1.1.2",
    "react-day-picker": "^9.7.0",
    "react-dom": "^17.0.2",
    "react-error-boundary": "^4.0.11",
    "react-ga4": "^2.1.0",
    "react-hook-form": "^7.43.2",
    "react-intersection-observer": "^8.32.2",
    "react-lazy-load-image-component": "^1.6.0",
    "react-lazyload": "^3.2.0",
    "react-loading-skeleton": "^3.3.1",
    "react-markdown": "^10.1.0",
    "react-notion": "^0.10.0",
    "react-query": "^3.39.2",
    "react-redux": "^7.2.4",
    "react-router-dom": "^6.15.0",
    "react-scripts": "^5.0.1",
    "react-slick": "^0.28.1",
    "react-swipeable": "^7.0.2",
    "react-use": "^17.4.0",
    "react-uuid": "^2.0.0",
    "react-virtualized": "^9.22.3",
    "react-virtuoso": "^4.4.1",
    "recharts": "^2.12.3",
    "recoil": "^0.4.1",
    "redux": "^4.1.1",
    "redux-devtools-extension": "^2.13.9",
    "redux-saga": "^1.1.3",
    "rehype-raw": "^7.0.0",
    "remark-gfm": "^4.0.1",
    "sass": "^1.48.0",
    "socket.io-client": "^4.7.1",
    "styled-components": "^5.3.3",
    "swiper": "^11.0.4",
    "ts-loader": "^9.3.0",
    "typescript": "^4.9.5",
    "web-vitals": "^1.0.1"
  },
  "scripts": {
    "local": "env-cmd -f .env.local craco start",
    "start": "env-cmd -f .env.production craco start",
    "dev": "ENV=development bedrock dev",
    "prod": "ENV=production bedrock dev",
    "build:dev": "ENV=development bedrock build",
    "build:prod": "ENV=production bedrock build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "analyze": "ANALYZE=true craco build",
    "lint:es": "eslint '**/*.{js,ts,tsx}'",
    "lint:es:fix": "npm run lint:es -- --fix",
    "deploy": "ait deploy"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@babel/core": "^7.18.5",
    "@babel/preset-env": "^7.18.2",
    "@babel/preset-react": "^7.17.12",
    "@babel/preset-typescript": "^7.17.12",
    "@stylelint/postcss-css-in-js": "0.37.2",
    "@types/dotenv": "^8.2.0",
    "@types/history": "^4.7.9",
    "@types/jest": "^26.0.15",
    "@types/lodash": "^4.14.176",
    "@types/node": "^18.16.1",
    "@types/react": "^17.0.37",
    "@types/react-dom": "^17.0.11",
    "@types/react-lazy-load-image-component": "^1.6.4",
    "@types/react-lazyload": "^3.1.1",
    "@types/react-router-dom": "^5.1.8",
    "@types/react-slick": "^0.23.5",
    "@types/react-virtualized": "^9.21.21",
    "@types/styled-components": "^5.1.14",
    "@types/swiper": "^5.4.3",
    "@typescript-eslint/eslint-plugin": "^5.25.0",
    "@typescript-eslint/parser": "^5.25.0",
    "eslint-config-airbnb-base": "^14.2.1",
    "eslint-config-airbnb-typescript": "^14.0.0",
    "eslint-plugin-import": "^2.25.2",
    "eslint-plugin-react": "^7.24.0",
    "eslint-plugin-react-hooks": "^4.5.0",
    "file-loader": "^6.2.0",
    "postcss-scss": "4.0.3",
    "postcss-syntax": "0.36.2",
    "prettier": "^2.8.8",
    "stylelint": "14.1.0",
    "stylelint-config-prettier": "9.0.3",
    "stylelint-config-standard": "23.0.0",
    "stylelint-config-styled-components": "0.1.1",
    "terser-webpack-plugin": "^5.3.10",
    "tsconfig-paths-webpack-plugin": "^4.1.0",
    "webpack-bundle-analyzer": "^4.10.2",
    "webpack-cli": "^5.1.4"
  },
  "resolutions": {
    "@types/react": "17.0.14",
    "@types/react-dom": "17.0.14",
    "prosemirror-model": "1.24.1"
  }
}


저희 package.json입니다.

현재 시도해보니 번들을 찾을수 없다는 오류는 발생하지 않고 실행되네요 아마 빌드되고 시간이 충분히 지나지 않아서 생긴 오류같습니다. 다만 빌드시 에러는 그대로 발생하고 있습니다.

0.0.40버전이 최신으로 알고있는데 해당버전으로 진행하고 있으며 번들오류는 접속조건과 무관하지 않나 생각됩니다.

혹시 임시로 pm쪽 package.json 을 patch 해서 사용 가능하실까요?

테스트를 위한 것이라면 임시로 오류나는 library를 제거 후 빌드하여 테스트중에 있습니다.
따로 테스트를 위한 package.json이 아닌 빌드를 위한것이라면 주시면 해보겠습니다.

전달주신 pm 패키지의 구조와 앱인토스 ait 빌드 의존성 수집 구조의 충돌이 있습니다.

패키지 루트에 exports 맵이 있어야하는데, 모두 subpath네요.

require.resolve(‘@tiptap/pm’); 에서 에러가 나는거라,

다른 패키지를 이용해주시거나, 임시로 @tiptap/pm 쪽 package.json 을 강제 패치해서 사용해주실 수 있을까요 ?

[pm 쪽 package.json 을 patch]

"exports": {
  "./package.json": "./package.json"
}

빌드는 잘 되는것을 확인했습니다. 혹시 이에 대해서 수정예정이 있으실까요?

빌드 할때마다 해당 라이브러리 확인 후 배포를 쭉 해야할지 궁금합니다.

내부 담당팀과 논의해서 일정 잡아보겠습니다 :man_bowing:

감사합니다! 그때까진 library 수정 후 배포하도록 하겠습니다.