univue

vuetify 설치 후 error

<p>컴포넌트 등록 구글링 해보면 html 예제가 많이 나와있어서 vue 에다가 해도 되는건지도 모르겠어여ㅠ</p>

component

<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div><span style="color: #7fdbca;"><template></span></div>
<div><span style="color: #7fdbca;"><div </span><span style="color: #addb67; font-style: italic;">id</span><span style="color: #7fdbca;">=</span><span style="color: #d9f5dd;">"</span><span style="color: #ecc48d;">app</span><span style="color: #d9f5dd;">"</span><span style="color: #7fdbca;">></span></div>
<div><span style="color: #7fdbca;"><img </span><span style="color: #addb67; font-style: italic;">src</span><span style="color: #7fdbca;">=</span><span style="color: #d9f5dd;">"</span><span style="color: #ecc48d;">./assets/images/logo.jpg</span><span style="color: #d9f5dd;">"</span><span style="color: #7fdbca;">></span></div>
<div><span style="color: #7fdbca;"><img </span><span style="color: #addb67; font-style: italic;">src</span><span style="color: #7fdbca;">=</span><span style="color: #d9f5dd;">"</span><span style="color: #ecc48d;">./assets/images/lili.jpg</span><span style="color: #d9f5dd;">"</span><span style="color: #7fdbca;">></span></div>
<div><span style="color: #7fdbca;"><KaHeader></KaHeader></span></div>
<div><span style="color: #7fdbca;"><KaInput></KaInput></span></div>
<div><span style="color: #7fdbca;"><KaList></KaList></span></div>
<div><span style="color: #7fdbca;"><KaFooter></KaFooter></span></div>
<br />
<div><span style="color: #7fdbca;"><router-link </span><span style="color: #addb67; font-style: italic;">to</span><span style="color: #7fdbca;">=</span><span style="color: #d9f5dd;">"</span><span style="color: #ecc48d;">/FRAGANCE</span><span style="color: #d9f5dd;">"</span><span style="color: #7fdbca;">></span>FRAGANCE<span style="color: #7fdbca;"></router-link></span></div>
<div><span style="color: #7fdbca;"><router-view></router-view></span></div>
<div><span style="color: #7fdbca;"><div </span><span style="color: #addb67; font-style: italic;">id</span><span style="color: #7fdbca;">=</span><span style="color: #d9f5dd;">"</span><span style="color: #ecc48d;">nav-f</span><span style="color: #d9f5dd;">"</span><span style="color: #7fdbca;">></span></div>
<div><span style="color: #7fdbca;"><router-link </span><span style="color: #addb67; font-style: italic;">to</span><span style="color: #7fdbca;">=</span><span style="color: #d9f5dd;">"</span><span style="color: #ecc48d;">/NEWARRIVALS</span><span style="color: #d9f5dd;">"</span><span style="color: #7fdbca;">></span>NEW ARRIVALS<span style="color: #7fdbca;"></router-link></span></div>
<br />
<div><span style="color: #7fdbca;"></div></span></div>
<br />
<div></div>
<div><span style="color: #7fdbca;"></div></span></div>
<br />
<div></div>
<div><span style="color: #7fdbca;"></template></span></div>
<br /><br /><br />
<div><span style="color: #7fdbca;"><script></span></div>
<br /><br />
<div><span style="color: #c792ea; font-style: italic;">import</span> KaHeader <span style="color: #c792ea; font-style: italic;">from</span> <span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">./components/KaHeader.vue</span><span style="color: #d9f5dd;">'</span></div>
<div><span style="color: #c792ea; font-style: italic;">import</span> KaInput <span style="color: #c792ea; font-style: italic;">from</span> <span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">./components/KaInput.vue</span><span style="color: #d9f5dd;">'</span></div>
<div><span style="color: #c792ea; font-style: italic;">import</span> KaList <span style="color: #c792ea; font-style: italic;">from</span> <span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">./components/KaList.vue</span><span style="color: #d9f5dd;">'</span></div>
<div><span style="color: #c792ea; font-style: italic;">import</span> KaFooter <span style="color: #c792ea; font-style: italic;">from</span> <span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">./components/KaFooter.vue</span><span style="color: #d9f5dd;">'</span></div>
<br /><br /><br /><br />
<div><span style="color: #c792ea; font-style: italic;">export</span> <span style="color: #c792ea; font-style: italic;">default</span> {</div>
<div>components: {</div>
<div><span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">KaHeader</span><span style="color: #d9f5dd;">'</span>: <span style="color: #d7dbe0;">KaHeader</span>,</div>
<div><span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">KaInput</span><span style="color: #d9f5dd;">'</span>: <span style="color: #d7dbe0;">KaInput</span>,</div>
<div><span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">KaList</span><span style="color: #d9f5dd;">'</span>: <span style="color: #d7dbe0;">KaList</span>,</div>
<div><span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">KaFooter</span><span style="color: #d9f5dd;">'</span>: <span style="color: #d7dbe0;">KaFooter</span></div>
<div>}</div>
<div>}</div>
<br /><br />
<div><span style="color: #7fdbca;"></script></span></div>
<br />
<div><span style="color: #7fdbca;"><style></span></div>
<br />
<div><span style="color: #7fdbca;"></style></span></div>
</div>

<p>vue.esm.js?efeb:628 [Vue warn]: Unknown custom element: <ka-nav> - did you register the component correctly? For recursive components, make sure to provide the "name" option.</p>
<p></p>
<p>found in</p>
<p></p>
<p>---> <KaNavF> at src/components/ka-nav-f.vue</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;<App> at src/App.vue</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<Root></p>

<p>퇴근하시고 힘드실텐데 밤늦게까지 도와주셔서 정말 감사드립니다.</p>

webpack

<p>튜토리얼 폴더에 있는 json에 있는데 오류가 나요ㅠ</p>

<p>npm ERR! missing script: build</p>
<p></p>
<p>npm ERR! A complete log of this run can be found in:</p>
<p>npm ERR! &nbsp; &nbsp; /Users/yun-ali/.npm/_logs/2020-03-16T13_37_45_955Z-debug.log</p>

<p>webpack치면 여전히 오류가 나요ㅠ</p>

univue

投稿