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

**URL:** <https://techchat-apps-in-toss.toss.im/t/web-view-app/97>\
**Category:** 개발\
**Tags:** webview\
**Created:** [9월 9, 2025, 4:30오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97 "2025-09-09T04:30:59Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![younghwan](https://avatars.discourse-cdn.com/v4/letter/y/8e8cbc/32.png) [@younghwan](https://techchat-apps-in-toss.toss.im/u/younghwan)\
**Post date:** [9월 9, 2025, 4:30오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/1 "2025-09-09T04:30:59Z")

</div>

```auto
<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로 접근시 아래 이미지와 같이 번들을 찾을수 없다는 오류가 나옵니다. 확인 부탁드립니다.

 ![스크린샷, 2025-09-09 오후 1.26.59](https://canada1.discourse-cdn.com/flex007/uploads/toss/original/1X/c9f1388f7c9640cf65b99e7489c46b6c8393021f.jpeg)

---

<div class="post-metadata">

**Author:** ![Dylan](https://yyz1.discourse-cdn.com/flex007/user_avatar/techchat-apps-in-toss.toss.im/dylan/32/597_2.png) [@Dylan](https://techchat-apps-in-toss.toss.im/u/Dylan)\
**Post date:** [9월 9, 2025, 6:50오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/2 "2025-09-09T06:50:22Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![seonjeong](https://yyz1.discourse-cdn.com/flex007/user_avatar/techchat-apps-in-toss.toss.im/seonjeong/32/594_2.png) [@seonjeong](https://techchat-apps-in-toss.toss.im/u/seonjeong)\
**Post date:** [9월 9, 2025, 6:55오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/3 "2025-09-09T06:55:03Z")

</div>

혹시 몰라 댓글 남겨두어요

토스앱 최신 버전으로 테스트를 부탁드리며, [QR코드 접속 조건](https://developers-apps-in-toss.toss.im/development/test/toss.html#_2-%25E1%2584%2590%25E1%2585%25A6%25E1%2584%2589%25E1%2585%25B3%25E1%2584%2590%25E1%2585%25B3)도 안내드립니다.

---

<div class="post-metadata">

**Author:** ![younghwan](https://avatars.discourse-cdn.com/v4/letter/y/8e8cbc/32.png) [@younghwan](https://techchat-apps-in-toss.toss.im/u/younghwan)\
**Post date:** [9월 9, 2025, 7:40오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/4 "2025-09-09T07:40:58Z")

</div>

```auto
{
  "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입니다.

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

---

<div class="post-metadata">

**Author:** ![younghwan](https://avatars.discourse-cdn.com/v4/letter/y/8e8cbc/32.png) [@younghwan](https://techchat-apps-in-toss.toss.im/u/younghwan)\
**Post date:** [9월 9, 2025, 7:54오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/5 "2025-09-09T07:54:19Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![seonjeong](https://yyz1.discourse-cdn.com/flex007/user_avatar/techchat-apps-in-toss.toss.im/seonjeong/32/594_2.png) [@seonjeong](https://techchat-apps-in-toss.toss.im/u/seonjeong)\
**Post date:** [9월 9, 2025, 8:08오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/6 "2025-09-09T08:08:26Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![younghwan](https://avatars.discourse-cdn.com/v4/letter/y/8e8cbc/32.png) [@younghwan](https://techchat-apps-in-toss.toss.im/u/younghwan)\
**Post date:** [9월 9, 2025, 8:12오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/7 "2025-09-09T08:12:48Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Dylan](https://yyz1.discourse-cdn.com/flex007/user_avatar/techchat-apps-in-toss.toss.im/dylan/32/597_2.png) [@Dylan](https://techchat-apps-in-toss.toss.im/u/Dylan)\
**Post date:** [9월 10, 2025, 5:29오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/8 "2025-09-10T05:29:41Z")

</div>

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

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

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

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

[pm 쪽 package.json 을 patch]

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

```

---

<div class="post-metadata">

**Author:** ![younghwan](https://avatars.discourse-cdn.com/v4/letter/y/8e8cbc/32.png) [@younghwan](https://techchat-apps-in-toss.toss.im/u/younghwan)\
**Post date:** [9월 10, 2025, 5:54오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/9 "2025-09-10T05:54:06Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![Dylan](https://yyz1.discourse-cdn.com/flex007/user_avatar/techchat-apps-in-toss.toss.im/dylan/32/597_2.png) [@Dylan](https://techchat-apps-in-toss.toss.im/u/Dylan)\
**Post date:** [9월 10, 2025, 6:04오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/10 "2025-09-10T06:04:45Z")

</div>

내부 담당팀과 논의해서 일정 잡아보겠습니다 🙇‍♂️

---

<div class="post-metadata">

**Author:** ![younghwan](https://avatars.discourse-cdn.com/v4/letter/y/8e8cbc/32.png) [@younghwan](https://techchat-apps-in-toss.toss.im/u/younghwan)\
**Post date:** [9월 10, 2025, 6:09오전 UTC](https://techchat-apps-in-toss.toss.im/t/web-view-app/97/11 "2025-09-10T06:09:32Z")

</div>

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