启动Vue项目踩坑记录

前言

在启动自己的Vue项目时，遇到一些报错，当时很懵，解决了以后豁然开朗，特写此博客记录一下。

一、<template>里多加了个div标签

[vite] Internal server error: At least one <template> or <script> is required in a single file component.

<template><div></div><div></div></template>

感谢这篇博客的提醒，多了个div标签

新手踩坑：vue报错Error compiling template: Component template should contain exactly one root_Xiaosw1024的博客-CSDN博客

二、v-for后面缺少key

Elements in iteration expect to have 'v-bind:key' directives.eslintvue/require-v-for-key

代码本身就有报错提示

这篇博客提到了这个问题，原因在于v-for后面需要添加上:key="items"

Vue报错：Elements in iteration expect to have ‘v-bind:key‘ directives的解决办法_element in iteration_ys_healone的博客-CSDN博客

三、div里的内容重复

[plugin:vite:vue] v-html will override element children. 

 

这篇博客也提到了，原因在于内容重复，删掉即可。

报错：v-html will override element children 解决方法_最凶残的小海豹的博客-CSDN博客

四、总结

遇到报错莫慌， 看看报错提示，查查其他人有没有遇到过类似的问题，逐步排查即可。