front 배포 후 사이트 연결할 수 없음 문제 질문드립니다.

일단 어제 끄고 다시 실행해서 다시 ip 맞춰 줬구요. pm2가 front 쪽에 제대로 설치가 안된거같아서 git pull 하고 build 하였습니다. 근데 node_moules가 꼬인거같아서 우분투 front 쪽 node_moules 하고 package.json.lock 날리고 기존 원래 package.json으로 npm i 후 npm run build 하니까 에러 로그가 올라오네요. 아래와 같은 에러인데 확인 부탁드립니다. sudo npx pm2 list 새로고침 표시 숫자는 이러합니다. (사진) 아 .. 어제 chrome 에러는 13.124.181.244 에러는 pending 돌면서 connection_refused 입니다.. 물론 지금 front ip는 다른거로 바껴있습니다. (사진) 다시 클론 받고 진행하는게 좋을까요.. ? 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | } 0|npm | internal/modules/cjs/loader.js:892 0|npm | throw err; 0|npm | ^ 0|npm | 0|npm | Error: Cannot find module '/home/ubuntu/.npm/_npx/3296/lib/node_modules/pm2/lib/ProcessContainerFork.js' 0|npm | at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 0|npm | at Function.Module._load (internal/modules/cjs/loader.js:745:27) 0|npm | at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | } 0|npm | internal/modules/cjs/loader.js:892 0|npm | throw err; 0|npm | ^ 0|npm | 0|npm | Error: Cannot find module '/home/ubuntu/.npm/_npx/3296/lib/node_modules/pm2/lib/ProcessContainerFork.js' 0|npm | at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 0|npm | at Function.Module._load (internal/modules/cjs/loader.js:745:27) 0|npm | at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | } 0|npm | internal/modules/cjs/loader.js:892 0|npm | throw err; 0|npm | ^ 0|npm | 0|npm | Error: Cannot find module '/home/ubuntu/.npm/_npx/3296/lib/node_modules/pm2/lib/ProcessContainerFork.js' 0|npm | at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 0|npm | at Function.Module._load (internal/modules/cjs/loader.js:745:27) 0|npm | at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | } 0|npm | internal/modules/cjs/loader.js:892 0|npm | throw err; 0|npm | ^ 0|npm | 0|npm | Error: Cannot find module '/home/ubuntu/.npm/_npx/3296/lib/node_modules/pm2/lib/ProcessContainerFork.js' 0|npm | at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 0|npm | at Function.Module._load (internal/modules/cjs/loader.js:745:27) 0|npm | at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | } 0|npm | internal/modules/cjs/loader.js:892 0|npm | throw err; 0|npm | ^ 0|npm | 0|npm | Error: Cannot find module '/home/ubuntu/.npm/_npx/3296/lib/node_modules/pm2/lib/ProcessContainerFork.js' 0|npm | at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 0|npm | at Function.Module._load (internal/modules/cjs/loader.js:745:27) 0|npm | at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | } 0|npm | internal/modules/cjs/loader.js:892 0|npm | throw err; 0|npm | ^ 0|npm | 0|npm | Error: Cannot find module '/home/ubuntu/.npm/_npx/3296/lib/node_modules/pm2/lib/ProcessContainerFork.js' 0|npm | at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 0|npm | at Function.Module._load (internal/modules/cjs/loader.js:745:27) 0|npm | at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | } 0|npm | internal/modules/cjs/loader.js:892 0|npm | throw err; 0|npm | ^ 0|npm | 0|npm | Error: Cannot find module '/home/ubuntu/.npm/_npx/3296/lib/node_modules/pm2/lib/ProcessContainerFork.js' 0|npm | at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 0|npm | at Function.Module._load (internal/modules/cjs/loader.js:745:27) 0|npm | at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | } 0|npm | internal/modules/cjs/loader.js:892 0|npm | throw err; 0|npm | ^ 0|npm | 0|npm | Error: Cannot find module '/home/ubuntu/.npm/_npx/3296/lib/node_modules/pm2/lib/ProcessContainerFork.js' 0|npm | at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15) 0|npm | at Function.Module._load (internal/modules/cjs/loader.js:745:27) 0|npm | at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) 0|npm | at internal/main/run_main_module.js:17:47 { 0|npm | code: 'MODULE_NOT_FOUND', 0|npm | requireStack: [] 0|npm | }

profile.js 관련 ssr 적용 질문 있습니다.

404에러는 getSeverSideProps으로 전부 내렸을때 사라졌는데 해결이 안됬다는 내용이었구요. 다시올리면 생긴다는 내용이었습니다. 일단 다시 확인하여 수정하였습니다. back 라우터 문제가 원인인거 같구요. 문제가 라우터 순서와 라우터 파라메터가 잘못되어 인식이 잘못된게 아닌가 싶습니다. 오류상으로는 about.js 만들때 LOAD_USER_REQUEST쪽API 에러를 뿜길래... 이상하다 싶어서 back user 라우터쪽을 계속 확인했구요.. 라우터 파라메터가 잘못된 문제는 GET /user/:id로 넘기는 method가 GET /user/:useId로 되어있었고.. where 로 넘기는 조건도 req.params.useId로 되어있었고요. 또 라우터 순서 문제는 GET /user 보다 GET /user/:id 이게 더 위에 있어서 그런거 같기도하구요... req.params.id로 followings을 넘기더라고요;; 혹시 console.log 말고 ssr사용시와 back api 전달시에 debugger나 breakpoint로 확인 할 수 있는 방법도 있을까요 ?

Cannot read property 'data' of undefined

저도 이거 에러 뜨고나서 저 오류면 무조건 saga쪽인데 코드쪽 한참 보다가 call import 빠졌네요 후;;;;;;;; 삽집엄청했네요..

Warning 뜨는거 관련하여 질문드립니다.

아래 소스 첨부 드립니다. import { Button, Card } from 'antd'; import Avatar from 'antd/lib/avatar/avatar'; import React, { useCallback } from 'react'; import styled from 'styled-components'; // import PropTypes from 'prop-types'; const UserInfoContainer = styled.div` display: flex; justify-content: space-between; `; const UserProfile = ({ setIsLoggedIn }) => { const onLogOut = useCallback(() => { setIsLoggedIn(false) }, []) return ( 짹짹 0, 팔로잉0, 팔로워0, ]} > OH} title="OSH" /> 로그아웃 ); } // UserProfile.propTypes = { // setIsLoggedIn: PropTypes.bool.isRequired, // } export default UserProfile; import React, { useMemo, useState } from 'react'; import Prototype from 'prop-types' import Link from 'next/link' import { Input, Menu, Row, Col } from 'antd' import 'antd/dist/antd.css' import styled, { css } from 'styled-components' import logo from '../img/logo.svg'; import changeLogo from '../img/logo_on.svg'; import UserProfile from '../compontents/UserProfile'; import LoginForm from '../compontents/LoginForm'; const LogoContainter = styled.div` display: flex; `; const UrlLogo = styled.a` width: 32px; height: 32px; display: block; text-indent: -9999px; ${props => props.img && css` background-image: url(${props => props.img}); ` } &:hover{ background-image: url(${changeLogo}); } ` const SearchInput = styled(Input.Search)` vertical-align: middle; `; const LinkWrapper = styled.div` display: flex; flex-direction: column; align-items: center; `; const AppLayout = ({ children }) => { const [isLoggeIn, setIsLoggIn] = useState(false) return ( 노드버드 프로필 회원가입 { isLoggeIn ? : } {/* 프로필 */} {children} ( { marginBottom: '10px' } ), [])} href="https://blog.naver.com/qhanfckwsmsd" target="_blank" rel="noreferrer noopener" > Made by OSH Github ); } export default AppLayout; AppLayout.Prototype = { children: Prototype.node.isRequired, }