inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue로 Nodebird SNS 만들기

6-12. 람다 배포하기

DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.

1111

Jong Hak Lee

작성한 질문수 2

0

안녕하세요, 제로초 선생님.

완강하고 aws를 통해서 배포하였습니다.

배포 처음에는 실행이 잘 되다가

lambda 함수 생성이 잘 안돼서 버벅거리는 중에

이런 오류가 뜹니다.

그 이후부터는 original/ 에 있는 이미지도 뜨지 않고,

게시글 수정/삭제 메뉴버튼인 ... 버튼도 보이지 않고,

다른 페이지로 넘어가지도 않습니다.

 

구글링 해서 조금 찾아본 바에 의하면

nuxt에서 html 구조를 잘 인식하지 못하여 생기는 문제라고 하는데 해결책으로 nuxt.config.js에

module.exports = { build: { html: { minify: { collapseWhitespace: true, // as @dario30186 mentioned removeComments: true, // 👈 add this line }, }, }, };

이렇게 넣으면 해결된다고 해서 넣어보았는데도 먹히지 않네요.

 

어떤 버튼이든 누르게 되면

이런 에러도 뜨는데,

p 태그나 span 태그 쓰지 말라는 말들이 있어

전부 div 태그로 변환하였는데도 같은 문제가 발생합니다.

vuex vuejs nodejs aws mysql ssr

답변 1

0

제로초(조현영)

저도 처음보는 에러인데요. 정확히 어떤 태그에서 저 에러가 발생하는 지 파악이 되시나요? 그리고 개발모드에서는 발생하지 않나요?

0

Jong Hak Lee

에러 메세지에서 확인되지 않아, 컴포넌트를 하나씩 지워가며 파악했습니다.

개발모드에서는 발생하지 않고 배포모드에서만 발생했습니다.

components/PostContent.vue 에서 게시글 내용을 표현하는 부분 중

v-else에 해당하는 부분을

<template> 에서 <span> 태그로 바꾸고 key를 추가해주었습니다.

더이상 오류는 발생하지 않습니다.

npm run dev 할 때 에러가 발생합니다.

0

155

1

해당 강의는 리뉴얼 예정은 따로 없나요?

0

340

1

강의는 언제까지 업데이트 된 내용인가요?

0

338

2

실습 환경 문의(Node 버전)

0

376

1

로그인 새로고침시 풀림

0

304

1

안녕하세요! 로그인 유지 질문 드립니다!

0

413

1

웹 서버 관련해서 질문드립니다.

0

450

1

버전때매 질문 드립니다!!

0

319

1

이 강의는 vue3는 아닌가요??

0

380

1

vsCode에 관한 질문입니다

0

494

1

v.trim()이 타입에러가 뜹니다...

0

348

1

express.static('uploads')

0

351

2

STRING이 인식이 안되는데 이유알수있을까요?

0

455

2

<v-lsit-item-title> 에러

0

416

2

vue cli 를 실무에서도 사용하지 않으시나요?

0

326

1

선생님 처음 환경 셋팅 관련 문의드립니다.

0

392

1

nuxtServerInit 무한 로딩

0

985

3

Nginx Cookie 설정

0

735

2

상태가 204번인경우에는 어떻게 처리를 해야하나요?

0

301

1

선생님 nuxt 관련질문드립니다.

0

357

1

인덱스 비교로 삭제해도 될까요?

0

386

1

질문 드립니다!

0

335

2

안녕하세요

0

231

1

궁금한점이있습니다

0

241

1