Next 앱을 실행할때, 로컬 서버를 찾을 수 없습니다 라는 에러가 뜹니다

개발
1

안녕하세요. 저는 next로 만든 프로젝트를 앱인 토스에 올리는 것을 시도하고 있습니다.
원래 있던 앱을 그대로 쓰려 했는데, SSR지원은 안된다고 하여, SSG로 돌리고 있습니다.

이후, next 앱을 실행 하고, 실기기 iOS를 사용하여 테스트를 진행하려는데, 로컬 서버를 찾을 수 없다는 에러가 발생하여 도움을 받고자 합니다.

현재 아래와 같이 세팅 되어 있습니다.
실기기, 로컬서버 실행 환경 모두 같은 ip를 사용하고 있습니다.

import { defineConfig } from "@apps-in-toss/web-framework/config";

export default defineConfig({
  appName: "test",
  brand: {
    displayName: "test",
    primaryColor: "#3182F6",
    icon: "/logo.png",
    bridgeColorMode: "basic",
  },
  web: {
    host: "192.168.0.131",
    port: 5173,
    commands: {
      dev: "next dev --turbopack --hostname 192.168.0.131",
      build: "next build --turbopack",
    },
  },
  permissions: [],
  outdir: "dist",
});

실기기에서 앱인토스를 다운로드 받은 후, Metro 주소를 해당 ip로 세팅했습니다.
192.168.0.131

이후 앱에서 해당 앱을 실행 시키면 로컬 서버를 찾을 수 없습니다. 라는 에러가 발생합니다.
웹에선 해당 ip로 접근했을때, 잘 실행이 되는 것을 확인했습니다.

애러는 이런 에러도 납니다.

IMG_1110
IMG_11101179×2556 162 KB

로그로는 이런 에러가 나고,
GET /status/ 404 in 177ms
GET /status/ 404 in 53ms
GET /status/ 404 in 39ms
GET /status/ 404 in 64ms
GET /status/ 404 in 39ms
GET /status/ 404 in 36ms
GET /status/ 404 in 64ms
GET /status/ 404 in 38ms
GET /status/ 404 in 32ms
GET /status/ 404 in 65ms
GET /status/ 404 in 35ms

추가적으로 제가 제공해야할 것이 있다면, 알려주세요.

2

안녕하세요 :slight_smile:
실행하는 포트는 5173이 맞으실까요 ?! 3000 번 포트를 쓰고 계신건 아닐지요 :thinking:

3

답이늦었습니다. 5173 이 아닌, 실제 3000포트로 실행되고 있네요.
port 를 5173 로 설정 했음에도 3000으로 실행되는 이유가 있을까요?

그리고3000으로 연결을 해도 동일하게 접속이 안되고,
GET /status/ 404 in 53ms 가 발생합니다.

4

다른 파일도 공유 드립니다.

next.config.js

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  output: "export",
  trailingSlash: true,
  images: {
    unoptimized: true,
  },
};

export default nextConfig;

package.json

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "next-dev": "next dev --turbopack",
    "dev": "granite dev",
    "next-build": "next build",
    "build": "granite build",
    "start": "next start",
    "lint": "eslint",
    "deploy": "ait deploy"
  },
  "dependencies": {
    "@apps-in-toss/web-framework": "^1.5.0",
    "@react-three/drei": "^10.7.6",
    "@react-three/fiber": "^9.3.0",
    "@react-three/rapier": "^2.1.0",
    "@types/three": "^0.180.0",
    "next": "15.5.4",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "three": "^0.180.0"
  },
  "devDependencies": {
    "@eslint/eslintrc": "^3",
    "@tailwindcss/postcss": "^4",
    "@types/node": "^20",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "eslint": "^9",
    "eslint-config-next": "15.5.4",
    "sharp": "^0.34.5",
    "tailwindcss": "^4",
    "typescript": "^5"
  }
}
5

앗 ㅠㅠ 원인을 찾았습니다.
테스트 용도로 192.168.0.131:3000 까지 같이 넣어서 문제가 발생했습니다.
도움을 주셔서 감사합니다

1개의 좋아요