인프런 커뮤니티 질문&답변

작성한 질문수

React로 NodeBird SNS 만들기

에러 원인을 못 찾겠습니다.

작성

·

256

0

노드도 안정버전을 새로 설치도 해보았고, 강의를 그대로 따라 했는데도 불구하고 계속 저런 에러가 뜹니다. 도저히 에러이유를 못 찾겠네요.

원인 파악 좀 부탁드립니다.

서버측 콘솔

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

owers.id`, `Followers->Follow`.`createdAt` AS `Followers.Follow.createdAt`, `Followers->Follow`.`updatedAt` AS `Followers.Follow.updatedAt`, `Followers->Follow`.`follo

wingId` AS `Followers.Follow.followingId`, `Followers->Follow`.`followerId` AS `Followers.Follow.followerId` FROM `Users` AS `User` LEFT OUTER JOIN `Posts` AS `Posts`

ON `User`.`id` = `Posts`.`UserId` LEFT OUTER JOIN ( `Follow` AS `Followings->Follow` INNER JOIN `Users` AS `Followings` ON `Followings`.`id` = `Followings->Follow`.`fo

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 13.511 ms - -

GET /api/user/ 304 17.170 ms - -

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

owers.id`, `Followers->Follow`.`createdAt` AS `Followers.Follow.createdAt`, `Followers->Follow`.`updatedAt` AS `Followers.Follow.updatedAt`, `Followers->Follow`.`follo

wingId` AS `Followers.Follow.followingId`, `Followers->Follow`.`followerId` AS `Followers.Follow.followerId` FROM `Users` AS `User` LEFT OUTER JOIN `Posts` AS `Posts`

ON `User`.`id` = `Posts`.`UserId` LEFT OUTER JOIN ( `Follow` AS `Followings->Follow` INNER JOIN `Users` AS `Followings` ON `Followings`.`id` = `Followings->Follow`.`fo

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 15.959 ms - -

GET /api/user/ 304 15.308 ms - -

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

owers.id`, `Followers->Follow`.`createdAt` AS `Followers.Follow.createdAt`, `Followers->Follow`.`updatedAt` AS `Followers.Follow.updatedAt`, `Followers->Follow`.`follo

wingId` AS `Followers.Follow.followingId`, `Followers->Follow`.`followerId` AS `Followers.Follow.followerId` FROM `Users` AS `User` LEFT OUTER JOIN `Posts` AS `Posts`

ON `User`.`id` = `Posts`.`UserId` LEFT OUTER JOIN ( `Follow` AS `Followings->Follow` INNER JOIN `Users` AS `Followings` ON `Followings`.`id` = `Followings->Follow`.`fo

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 11.369 ms - -

GET /api/user/ 304 10.451 ms - -

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

owers.id`, `Followers->Follow`.`createdAt` AS `Followers.Follow.createdAt`, `Followers->Follow`.`updatedAt` AS `Followers.Follow.updatedAt`, `Followers->Follow`.`follo

wingId` AS `Followers.Follow.followingId`, `Followers->Follow`.`followerId` AS `Followers.Follow.followerId` FROM `Users` AS `User` LEFT OUTER JOIN `Posts` AS `Posts`

ON `User`.`id` = `Posts`.`UserId` LEFT OUTER JOIN ( `Follow` AS `Followings->Follow` INNER JOIN `Users` AS `Followings` ON `Followings`.`id` = `Followings->Follow`.`fo

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 21.255 ms - -

GET /api/user/ 304 18.626 ms - -

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

owers.id`, `Followers->Follow`.`createdAt` AS `Followers.Follow.createdAt`, `Followers->Follow`.`updatedAt` AS `Followers.Follow.updatedAt`, `Followers->Follow`.`follo

wingId` AS `Followers.Follow.followingId`, `Followers->Follow`.`followerId` AS `Followers.Follow.followerId` FROM `Users` AS `User` LEFT OUTER JOIN `Posts` AS `Posts`

ON `User`.`id` = `Posts`.`UserId` LEFT OUTER JOIN ( `Follow` AS `Followings->Follow` INNER JOIN `Users` AS `Followings` ON `Followings`.`id` = `Followings->Follow`.`fo

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 19.165 ms - -

GET /api/user/ 304 21.094 ms - -

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

owers.id`, `Followers->Follow`.`createdAt` AS `Followers.Follow.createdAt`, `Followers->Follow`.`updatedAt` AS `Followers.Follow.updatedAt`, `Followers->Follow`.`follo

wingId` AS `Followers.Follow.followingId`, `Followers->Follow`.`followerId` AS `Followers.Follow.followerId` FROM `Users` AS `User` LEFT OUTER JOIN `Posts` AS `Posts`

ON `User`.`id` = `Posts`.`UserId` LEFT OUTER JOIN ( `Follow` AS `Followings->Follow` INNER JOIN `Users` AS `Followings` ON `Followings`.`id` = `Followings->Follow`.`fo

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 14.137 ms - -

GET /api/user/ 304 33.536 ms - -

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

owers.id`, `Followers->Follow`.`createdAt` AS `Followers.Follow.createdAt`, `Followers->Follow`.`updatedAt` AS `Followers.Follow.updatedAt`, `Followers->Follow`.`follo

wingId` AS `Followers.Follow.followingId`, `Followers->Follow`.`followerId` AS `Followers.Follow.followerId` FROM `Users` AS `User` LEFT OUTER JOIN `Posts` AS `Posts`

ON `User`.`id` = `Posts`.`UserId` LEFT OUTER JOIN ( `Follow` AS `Followings->Follow` INNER JOIN `Users` AS `Followings` ON `Followings`.`id` = `Followings->Follow`.`fo

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 11.273 ms - -

GET /api/user/ 304 19.565 ms - -

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

owers.id`, `Followers->Follow`.`createdAt` AS `Followers.Follow.createdAt`, `Followers->Follow`.`updatedAt` AS `Followers.Follow.updatedAt`, `Followers->Follow`.`follo

wingId` AS `Followers.Follow.followingId`, `Followers->Follow`.`followerId` AS `Followers.Follow.followerId` FROM `Users` AS `User` LEFT OUTER JOIN `Posts` AS `Posts`

ON `User`.`id` = `Posts`.`UserId` LEFT OUTER JOIN ( `Follow` AS `Followings->Follow` INNER JOIN `Users` AS `Followings` ON `Followings`.`id` = `Followings->Follow`.`fo

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 18.519 ms - -

GET /api/user/ 304 16.699 ms - -

Executing (default): SELECT `Post`.`id`, `Post`.`content`, `Post`.`createdAt`, `Post`.`updatedAt`, `Post`.`UserId`, `Post`.`RetweetId`, `User`.`id` AS `User.id`, `User

`.`nickname` AS `User.nickname`, `Images`.`id` AS `Images.id`, `Images`.`src` AS `Images.src`, `Images`.`createdAt` AS `Images.createdAt`, `Images`.`updatedAt` AS `Ima

ges.updatedAt`, `Images`.`PostId` AS `Images.PostId` FROM `Posts` AS `Post` LEFT OUTER JOIN `Users` AS `User` ON `Post`.`UserId` = `User`.`id` LEFT OUTER JOIN `Images`

AS `Images` ON `Post`.`id` = `Images`.`PostId` ORDER BY `Post`.`createdAt` DESC;

Executing (default): SELECT `User`.`id`, `User`.`nickname`, `User`.`userId`, `User`.`password`, `User`.`createdAt`, `User`.`updatedAt`, `Posts`.`id` AS `Posts.id`, `Fo

llowings`.`id` AS `Followings.id`, `Followings->Follow`.`createdAt` AS `Followings.Follow.createdAt`, `Followings->Follow`.`updatedAt` AS `Followings.Follow.updatedAt`

, `Followings->Follow`.`followingId` AS `Followings.Follow.followingId`, `Followings->Follow`.`followerId` AS `Followings.Follow.followerId`, `Followers`.`id` AS `Foll

llowingId`) ON `User`.`id` = `Followings->Follow`.`followerId` LEFT OUTER JOIN ( `Follow` AS `Followers->Follow` INNER JOIN `Users` AS `Followers` ON `Followers`.`id`

= `Followers->Follow`.`followerId`) ON `User`.`id` = `Followers->Follow`.`followingId` WHERE `User`.`id` = 2;

GET /api/posts 304 13.742 ms - -

GET /api/user/ 304 14.161 ms - -

프론트쪽 콘솔

GET / 200 55.375 ms - 5313

GET /_next/static/development/pages/_app.js?ts=1563591441622 - - ms - -

GET /_next/webpack-hmr?page=/ 200 0.480 ms - -

GET /_next/static/development/pages/_app.js?ts=1563591441622 200 2.981 ms - 6886331

GET /_next/static/development/dll/dll_92fa9139568d8c3d8f78.js.map 200 2.977 ms - 1046210

GET /_next/static/development/pages/index.js?ts=1563591441622 - - ms - -

GET /_next/static/runtime/webpack.js?ts=1563591445401 200 1836.569 ms - 34960

GET /_next/static/development/pages/_app.js?ts=1563591445401 200 1704.657 ms - 6886331

GET /_next/static/development/dll/dll_92fa9139568d8c3d8f78.js?ts=1563591445401 200 1962.243 ms - 901660

GET /_next/static/runtime/webpack.js.map 200 6.741 ms - 36238

GET /_next/static/development/dll/dll_92fa9139568d8c3d8f78.js.map 200 3.632 ms - 1046210

GET /_next/static/development/pages/index.js?ts=1563591445401 200 1956.874 ms - 6641339

GET /_next/static/runtime/main.js?ts=1563591445401 200 2066.445 ms - 836703

GET /_next/static/chunks/0.js 200 4.298 ms - 440

GET /_next/static/runtime/main.js.map 200 3.096 ms - 754607

GET /_next/static/chunks/0.js.map 200 2.544 ms - 99

GET /_next/static/development/pages/index.js.map 200 54.650 ms - 6062252

GET /_next/static/development/pages/_app.js.map 200 2.475 ms - 6245534

{ Component: { [Function: Error] displayName: 'ErrorPage' },

router:

ServerRouter {

route: '/_error',

pathname: '/_error',

query: [Object: null prototype] {},

asPath: '/%3Canonymous%3E' },

ctx:

{ err: null,

req:

IncomingMessage {

_readableState: [ReadableState],

readable: true,

_events: [Object],

_eventsCount: 1,

_maxListeners: undefined,

socket: [Socket],

connection: [Socket],

httpVersionMajor: 1,

httpVersionMinor: 1,

httpVersion: '1.1',

complete: true,

headers: [Object],

rawHeaders: [Array],

trailers: {},

rawTrailers: [],

aborted: false,

upgrade: false,

url: '/%3Canonymous%3E',

method: 'GET',

statusCode: null,

statusMessage: null,

client: [Socket],

_consuming: false,

_dumped: false,

next: [Function: next],

baseUrl: '',

originalUrl: '/%3Canonymous%3E',

_parsedUrl: [Url],

params: [Object],

query: {},

res: [ServerResponse],

_startAt: [Array],

_startTime: 2019-07-20T02:57:28.682Z,

_remoteAddress: '::1',

body: {},

secret: 'cookiesecret;',

cookies: {},

signedCookies: [Object],

_parsedOriginalUrl: [Url],

sessionStore: [MemoryStore],

sessionID: 'eSMPkTfykVTFXE1fiG1ArEYKZ30uPvrm',

session: [Session],

route: [Route] },

res:

ServerResponse {

_events: [Object],

_eventsCount: 2,

_maxListeners: undefined,

output: [],

outputEncodings: [],

outputCallbacks: [],

outputSize: 0,

writable: true,

_last: false,

chunkedEncoding: false,

shouldKeepAlive: true,

useChunkedEncodingByDefault: true,

sendDate: true,

_removedConnection: false,

_removedContLen: false,

_removedTE: false,

_contentLength: null,

_hasBody: true,

_trailer: '',

finished: false,

_headerSent: false,

socket: [Socket],

connection: [Socket],

_header: null,

_onPendingData: [Function: bound updateOutgoingData],

_sent100: false,

_expect_continue: false,

req: [IncomingMessage],

locals: [Object: null prototype] {},

_startAt: undefined,

_startTime: undefined,

writeHead: [Function: writeHead],

__onFinished: [Function],

end: [Function: end],

statusCode: 404,

[Symbol(isCorked)]: false,

[Symbol(outHeadersKey)]: [Object] },

pathname: '/_error',

query: [Object: null prototype] {},

asPath: '/%3Canonymous%3E',

store:

{ dispatch: [Function],

subscribe: [Function: subscribe],

getState: [Function: getState],

replaceReducer: [Function: replaceReducer],

[Symbol(observable)]: [Function: observable] },

isServer: true } }

GET /%3Canonymous%3E 404 43.283 ms - 5930

GET /_next/static/development/dll/dll_92fa9139568d8c3d8f78.js?ts=1563591445401 200 6.078 ms - 901660

GET /_next/static/development/dll/dll_92fa9139568d8c3d8f78.js?ts=1563591445401 200 1.735 ms - 901660

{ Component: { [Function: Error] displayName: 'ErrorPage' },

router:

ServerRouter {

route: '/_error',

pathname: '/_error',

query: [Object: null prototype] {},

asPath: '/%3Canonymous%3E' },

ctx:

{ err: null,

req:

IncomingMessage {

_readableState: [ReadableState],

readable: true,

_events: [Object],

_eventsCount: 1,

_maxListeners: undefined,

socket: [Socket],

connection: [Socket],

httpVersionMajor: 1,

httpVersionMinor: 1,

httpVersion: '1.1',

complete: true,

headers: [Object],

rawHeaders: [Array],

trailers: {},

rawTrailers: [],

aborted: false,

upgrade: false,

url: '/%3Canonymous%3E',

method: 'GET',

statusCode: null,

statusMessage: null,

client: [Socket],

_consuming: false,

_dumped: false,

next: [Function: next],

baseUrl: '',

originalUrl: '/%3Canonymous%3E',

_parsedUrl: [Url],

params: [Object],

query: {},

res: [ServerResponse],

_startAt: [Array],

_startTime: 2019-07-20T02:57:28.771Z,

_remoteAddress: '::1',

body: {},

secret: 'cookiesecret;',

cookies: {},

signedCookies: [Object],

_parsedOriginalUrl: [Url],

sessionStore: [MemoryStore],

sessionID: 'DWj3hV5t7foovRB7YNoXfAcOHpjPVnyJ',

session: [Session],

route: [Route] },

res:

ServerResponse {

_events: [Object],

_eventsCount: 2,

_maxListeners: undefined,

output: [],

outputEncodings: [],

outputCallbacks: [],

outputSize: 0,

writable: true,

_last: false,

chunkedEncoding: false,

shouldKeepAlive: true,

useChunkedEncodingByDefault: true,

sendDate: true,

_removedConnection: false,

_removedContLen: false,

_removedTE: false,

_contentLength: null,

_hasBody: true,

_trailer: '',

finished: false,

_headerSent: false,

socket: [Socket],

connection: [Socket],

_header: null,

_onPendingData: [Function: bound updateOutgoingData],

_sent100: false,

_expect_continue: false,

req: [IncomingMessage],

locals: [Object: null prototype] {},

_startAt: undefined,

_startTime: undefined,

writeHead: [Function: writeHead],

__onFinished: [Function],

end: [Function: end],

statusCode: 404,

[Symbol(isCorked)]: false,

[Symbol(outHeadersKey)]: [Object] },

pathname: '/_error',

query: [Object: null prototype] {},

asPath: '/%3Canonymous%3E',

store:

{ dispatch: [Function],

subscribe: [Function: subscribe],

getState: [Function: getState],

replaceReducer: [Function: replaceReducer],

[Symbol(observable)]: [Function: observable] },

isServer: true } }

GET /%3Canonymous%3E 404 47.190 ms - 5930

GET /_next/static/development/dll/dll_92fa9139568d8c3d8f78.js.map 200 3.790 ms - 1046210

GET /_next/static/development/dll/dll_92fa9139568d8c3d8f78.js.map 200 4.806 ms - 1046210

GET /_next/static/development/pages/_app.js?ts=1563591445401 200 3.628 ms - 6886331

GET /_next/static/development/pages/_app.js?ts=1563591445401 200 3.435 ms - 6886331

GET /_next/static/development/pages/_app.js.map 200 1.449 ms - 6245534

GET /_next/static/development/pages/index.js?ts=1563591445401 200 275.746 ms - 6641339

GET /_next/static/development/pages/index.js?ts=1563591445401 200 145.038 ms - 6641339

GET /_next/static/development/pages/_app.js.map 200 5.132 ms - 6245534

GET /_next/static/development/pages/index.js.map 200 64.159 ms - 6062252

GET /_next/static/development/pages/index.js.map 200 126.532 ms - 6062252

react javascript

답변 4

0

저도 비슷한 문제가 생깁니다. add comment를 실행하고 서버에서 처리된 뒤 add comment success가 되고 그리고 postCard를 랜더링 하는 중에 item.User.nickname가 null이라고 뜹니다. 제 생각에는 커멘트를 단 뒤에 포스트를 가져오는 과정에서 커멘트를 단 포스트에 comment 데이터를 불러 오지 않는 거 같습니다... 백엔드 서버쪽에서 오는 데이터는 정상인데 프론트에서 처리하면서 코드를 실수 해서 잘못적었는지 자꾸 안됩니다 ㅠㅠ

<List
header={`${post.Comments ? post.Comments.length : 0} 댓글`}
itemLayout="horizontal"
dataSource={post.Comments || []}
renderItem={item => {console.log(item);return(
<li>
<Comment
  author={item.User.nickname}
  avatar={<Link href={{ pathname: '/user', query: {id: item.User.id} }} as={`/user/${item.User.id}`}><a><Avatar>{item.User.nickname[0]}</Avatar></a></Link>}
  content={item.content}
/>
</li>
)}}
/>

0

제로초(조현영)

지식공유자

/anonymous가 무엇인지는 저도 잘 모르겠습니다. 저 요청은 제 강좌에 보내는 부분이 없습니다.

그리고 현재 문제와도 관련이 없습니다. 현재 문제는 /posts 이런 GET 요청에서 제대로 된 응답을 해주지 않아 생기는 것 같습니다. 이 요청을 네트워크 탭에서 클릭해서 response를 봐보세요.

0

질문자

올려드린 이미지 세번째를 보시면 404로 되어 있습니다. 그게 어떤 이유로 404가 왔는지를 모르겠습니다.

0

제로초(조현영)

지식공유자

지금 보시면 post.User.id에서 post.User이 null이라고 되어있습니다.

개발자도구 네트워크 탭에서 서버에 보낸 요청 클릭하셔서 response 탭 눌러서 어떤 응답이 왔는지 보시면 좋습니다. post.User가 왜 null인지를 파악해야 합니다.

작성한 질문수