fefefefe

일단 어제 끄고 다시 실행해서 다시 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 새로고침 표시 숫자는 이러합니다.
<img src="https://cdn.inflearn.com/public/files/posts/389478aa-3ef9-42e4-833b-85067bf03c53/blob" alt="" />

아 .. 어제 chrome 에러는 13.124.181.244 에러는 pending 돌면서 connection_refused 입니다..
물론 지금 front ip는 다른거로 바껴있습니다.
<img src="https://cdn.inflearn.com/public/files/posts/b1352a3b-d69b-463f-a273-b6328020d075/blob" alt="" />
다시 클론 받고 진행하는게 좋을까요.. ?
<pre class="language-html"><code>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 | }</code></pre>

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

404에러는&nbsp;getSeverSideProps으로 전부 내렸을때 사라졌는데 해결이 안됬다는 내용이었구요.
다시올리면 생긴다는 내용이었습니다.

일단 다시 확인하여 수정하였습니다. back 라우터 문제가 원인인거 같구요.
문제가 라우터 순서와 라우터 파라메터가 잘못되어 인식이 잘못된게 아닌가 싶습니다.

오류상으로는 about.js 만들때 LOAD_USER_REQUEST쪽API 에러를 뿜길래...&nbsp;
이상하다 싶어서 back user 라우터쪽을 계속 확인했구요..

라우터 파라메터가 잘못된 문제는
GET /user/:id로 넘기는 method가 GET /user/:useId로 되어있었고..&nbsp;
where 로 넘기는 조건도 req.params.useId로 되어있었고요.

또 라우터 순서 문제는 GET /user 보다 GET /user/:id 이게 더 위에 있어서 그런거 같기도하구요...

req.params.id로 followings을 넘기더라고요;;

혹시 console.log 말고 ssr사용시와 back api 전달시에 debugger나 breakpoint로 확인 할 수 있는 방법도 있을까요 ?

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

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

Cannot read property 'data' of undefined

아래 소스 첨부 드립니다.

<pre class="language-javascript"><code>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 (
 <Card
 actions={[
 <div div key='twit' > 짹짹 0</div >,
 <div key='followings'>팔로잉 0</div>,
 <div key='followings'>팔로워 0</div>,
 ]}
 >
 <UserInfoContainer>
 <Card.Meta
 avatar={<Avatar>OH</Avatar>}
 title="OSH"
 />
 <Button
 onClick={onLogOut}
 >
 로그아웃
 </Button>
 </UserInfoContainer>

 </Card>
 );
}
// UserProfile.propTypes = {
// setIsLoggedIn: PropTypes.bool.isRequired,
// }

export default UserProfile;


</code></pre>
<pre class="language-javascript"><code>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 (
 <>
 <Menu mode="horizontal">
 <Menu.Item key='1'>
 <Link href='/'><a>노드버드</a></Link>
 </Menu.Item>
 <Menu.Item key='2'>
 <Link href='/profile'><a>프로필</a></Link>
 </Menu.Item>
 <Menu.Item key='3'>
 <SearchInput enterButton />
 </Menu.Item>
 <Menu.Item key='4'>
 <Link href='/signup'><a>회원가입</a></Link>
 </Menu.Item>
 </Menu>

 <Row gutter={8}>
 <Col xs={24} md={6}>
 {
 isLoggeIn
 ? <UserProfile
 setIsLoggedIn={setIsLoggIn}
 />
 : <LoginForm
 setIsLoggedIn={setIsLoggIn}
 />
 }
 </Col>
 <Col xs={24} md={12}>
 {/* 프로필 */}
 {children}
 </Col>
 <Col xs={24} md={6}>
 <LinkWrapper>
 <a
 style={useMemo(() => (
 { marginBottom: '10px' }
 ), [])}
 href="https://blog.naver.com/qhanfckwsmsd"
 target="_blank"
 rel="noreferrer noopener"
 >
 Made by OSH
 </a>

 <LogoContainter className='gitLogoContainter'>
 <UrlLogo
 img={logo}
 href="https://github.com/oshosh"
 target="_blank"
 rel="noreferrer noopener"
 >
 Github
 </UrlLogo>
 </LogoContainter>
 </LinkWrapper>
 </Col>
 </Row>

 </>
 );
}

export default AppLayout;

AppLayout.Prototype = {
 children: Prototype.node.isRequired,
}</code></pre>

fefefefe

投稿