<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: D2Coding, Consolas, 'Courier New', monospace; font-size: 15px; line-height: 20px; white-space: pre;">
<div><span style="color: #808080;">&lt;</span><span style="color: #569cd6;">script</span><span style="color: #808080;">&gt;</span></div>
<div><span style="color: #c586c0;">import</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">mapMutations</span></div>
<div>}&nbsp;<span style="color: #c586c0;">from</span>&nbsp;<span style="color: #ce9178;">'vuex'</span></div>
<div><span style="color: #c586c0;">export</span>&nbsp;<span style="color: #c586c0;">default</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">data</span>()&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">return</span>&nbsp;{}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">methods:</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...<span style="color: #dcdcaa;">mapMutations</span>({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">asideToggle:</span>&nbsp;<span style="color: #ce9178;">'aside'</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>}</div>
<div>이런식으로 똑같이 사용했는데</div>
<div><span style="color: #e8e8e8; font-family: Menlo, Consolas, monospace; font-size: large; white-space: pre-wrap; background-color: rgba(0, 0, 0, 0.85);">Module build failed: SyntaxError: C:/dripactory/src/components/TodoHeader.vue: Unexpected token (34:8) </span><span style="color: #e8e8e8; font-family: Menlo, Consolas, monospace; font-size: large; white-space: pre-wrap; opacity: 1;"> <span style="color: #6d7891;"> 32 | </span> }<span style="color: #ffd080;">,</span> <span style="color: #6d7891;"> 33 | </span> methods<span style="color: #ffd080;">:</span> { <span style="color: #e36049;"><span style="font-weight: bold;">&gt;</span></span><span style="color: #6d7891;"> 34 | </span> <span style="color: #ffd080;">...</span>mapMutations([ <span style="color: #6d7891;"> | </span> <span style="color: #e36049;"><span style="font-weight: bold;">^</span></span> <span style="color: #6d7891;"> 35 | </span> <span style="color: #b3cb74;">'asideToggle'</span> <span style="color: #6d7891;"> 36 | </span> ]) <span style="color: #6d7891;"> 37 | </span> }</span></div>
<div><span style="color: #e8e8e8; font-family: Menlo, Consolas, monospace; font-size: large; white-space: pre-wrap; opacity: 1;">계속 이런 에러가뜹니다.. 완전똑같이헀는데 이유가 뭘까요</span></div>
</div>

<p>안녕하세요, 아마 `...` 문법인 Spread Operator를 바벨로 변환을 못해줘서 그런 것 같은데 지금 뷰 CLI 2.x 버전(vue init webpack-simple 프로젝트이름)으로 생성하셨나요?</p>

Cộng đồng Hỏi & Đáp của Inflearn

안녕하세요 질문드립니다.