<p>프로젝트 셋팅후에&nbsp;</p>
<div class="split-view-view visible">
<div id="workbench.parts.editor" class="part editor has-watermark" role="main">
<div class="content">
<div class="grid-view-container">
<div class="monaco-grid-view">
<div class="monaco-grid-branch-node">
<div class="monaco-split-view2 vertical separator-border">
<div class="monaco-scrollable-element  mac" role="presentation">
<div class="split-view-container">
<div class="split-view-view visible">
<div class="editor-group-container active" data-keybinding-context="2">
<div class="editor-container">
<div class="editor-instance" data-keybinding-context="3" aria-label="index.html, 미리 보기" data-mode-id="html">
<div class="monaco-editor no-user-select mac  showUnused showDeprecated vs-dark" role="code" data-uri="file:///Users/miracle/Documents/001.project/front-groundq/index.html">
<div class="overflow-guard" data-mprt="3">
<div class="overlayWidgets" data-mprt="4">
<div class="zone-widget">
<div class="zone-widget-container peekview-widget">
<div class="body marker-widget" tabindex="0" role="tooltip">
<div class="monaco-scrollable-element  mac" role="presentation">
<div class="descriptioncontainer">
<div class="message" style="display: flex; flex-direction: column; font-family: 'Fira Code', Menlo, Monaco, 'Courier New', monospace; font-weight: normal; font-size: 12px; font-feature-settings: 'liga', 'calt'; line-height: 18px; letter-spacing: 0px;" role="alert" aria-live="assertive" aria-label="&lt;!DOCTYPE html&gt;, 1:2의 오류입니다. ">
<div>Parsing error: Unexpected token<span class="details"><span class="source">eslint</span><a class="code-link" href="https://github.com/prettier/eslint-plugin-prettier#options" target="_blank" rel="noopener noreferrer">prettier/prettier</a></span></div>
</div>
<div>에러가 발생됩니다.&nbsp;</div>
<div>원인이 무엇일까요?</div>
<div><img src="https://cdn.inflearn.com/public/files/posts/22985d28-fdb7-4234-b6a6-b532faa61775/image.png"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<p>안녕하세요 :)</p>
<p>Vue기반의 eslint 규칙을 html 파일에 적용이되었네요 🥲</p>
<p>settings.json 파일에서 validate에서 "html"을 제거해 주시겠어요?</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>{</div>
<div><span style="color: #9cdcfe;">"eslint.validate"</span>: [</div>
<div><span style="color: #ce9178;">"javascript"</span>,</div>
<div><span style="color: #ce9178;">"javascriptreact"</span>,</div>
<div><span style="color: #ce9178;">"typescript"</span>,</div>
<div><span style="color: #ce9178;">"typescriptreact"</span>,</div>
<div><span style="color: #ce9178;">"vue"</span>,</div>
<div><span style="color: #ce9178;">"markdown"</span>,</div>
<div>],</div>
<div><span style="color: #9cdcfe;">"editor.codeActionsOnSave"</span>: {</div>
<div><span style="color: #9cdcfe;">"source.fixAll.eslint"</span>: <span style="color: #569cd6;">true</span></div>
<div>},</div>
<div><span style="color: #9cdcfe;">"editor.tabSize"</span>: <span style="color: #b5cea8;">2</span>,</div>
<div>}</div>
</div>
<p>혼선을 드려 죄송합니다 🥲</p>
<p>강의노트도 수정하도록 하겠습니다~! <a style="color: #2dc26b; text-decoration: underline;" href="https://www.gymcoding.co/c14beecd6d584986bbb93d9a8fc74945#a4cf2f90067d4558b9c8eb0f6d049945">settings.json 확인</a></p>
<p>감사합니다 🙂</p>

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

프로젝트 생성 후 오류 발생 확인 부탁드립니다.