Vue报错：Unexpected token '<' in Vue app – 如何解决？

Vue.js 是一个流行的JavaScript框架，用于构建用户界面和单页面应用程序。但是，当您在Vue app中出现像“Unexpected token '

1. 缺少闭合标签

在Vue模板中，每个标签都必须具有相应的闭合标签。如果您的HTML中存在没有正确闭合的标签，Vue将会识别错误，并返回一个“Unexpected token '

例如，如果您有以下未闭合的标签：

<template>  <div>    <h1>Welcome</h1>    <p>This is my website.  </div></template>

这将导致错误消息：

立即学习“前端免费学习笔记（深入）”；

Failed to compile....Unexpected token '<' in ...

解决方法：确保在Vue模板中所有标签都具有相应的闭合标签，而且标签的嵌套是正确的。在上面的例子中，缺少闭合的

标签应该被添加在代码末尾。

1. 在JavaScript代码中使用了HTML标签

在Vue应用程序中，HTML标记只能用于模板部分，并不能在JavaScript代码中使用。如果您在Vue组件的JavaScript代码中使用了HTML标签，Vue将无法正确解析它，从而返回“Unexpected token '