<p>설정 중에 overlay가 안먹혀서 여러 시도중 아래와 같이 해결하였는데 옵션이 바뀐건가요?</p>
<p>웹팩 강의도 얼른 들어야겠네요...</p>
<p>&nbsp;</p>
<div style="color: #d6deeb; background-color: #011627; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>devServer: {</div>
<div>&nbsp; &nbsp; client: {</div>
<div>&nbsp; &nbsp; &nbsp; overlay: <span style="color: #ff5874;">false</span></div>
<div>&nbsp; &nbsp; }</div>
<div>}</div>
</div>

<p>덕분에 해결했습니다 감사합니다</p>
<p>&nbsp;</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><br /><br />
<div><span style="color: #4ec9b0;">module</span>.<span style="color: #4ec9b0;">exports</span> = {</div>
<div>&nbsp; <span style="color: #9cdcfe;">devServer</span><span style="color: #9cdcfe;">:</span> {</div>
<div>&nbsp; &nbsp; <span style="color: #9cdcfe;">client</span><span style="color: #9cdcfe;">:</span> {</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">overlay</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">false</span></div>
<div>&nbsp; &nbsp; }</div>
<div>}</div>
<div>}</div>
</div>

<p>안녕하세요 모아이님, 좋은 질문이네요. 일단 사용하고 계시는 Vue CLI 버전과 Vue 버전이 어떻게 되시나요? :) 강의에서 안내한 버전대로 하면 아마 overlay: false만 하셔도 될텐데요. 최신 Vue CLI인 경우에는 웹팩 데브 서버 버전에 따라 아래와 같이 옵션을 설정하셔야 할 수도 있습니다 :)</p>
<p><a href="https://webpack.js.org/configuration/dev-server/#overlay">https://webpack.js.org/configuration/dev-server/#overlay</a></p>

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

overlay 설정에 대하여