vue项目报错： At least one is required in a single file component.的主要原因及解决办法

本篇文章主要讲解 vue项目报错： At least one is required in a single file component.的主要原因及解决办法
作者：任聪聪
日期：2024年9月25日

报文信息：

Compiled with problems:
×ERROR in ./src/xxxx.vue
Module Error (from ./node_modules/xxxxx/index.js): At least one <template> or <script> is required in a single file component.

报错原因：

1.某个vue组件文件格式不正确，或没有命名name，以及为空的情况导致。

2.标签错误，没有结束标签，导致。

3.脚本内存在不符合规范的，符号导致。

解决办法：

方法一、检查项目内的其他vue文件

将存空或没有template标签的文件进行调整修复即可解决问题。

方法二、检查当前或最近编辑的vue文件

1.尝试还原最近修改过的文件，并再次查看是否报错。

2.检查最近修改的vue组件或其他引入的文件，是否存在标签不一致的情况，如果有进行调整即可修复。

方法三、检查script脚本中的内容

将script中存在问题的代码片段删除。

汇总：这个报错实际上就是标签问题、语法不规范导致的，只要找到错误的地方，进行调整即可解决问题。