![[eslint-vue] parsing error: '>' expected.,Vue,vue,ts](https://imgs.yssmx.com/Uploads/2024/04/858790-1.png)
eslint报错
这里加上对应的 eslint配置即可：
parser: 'vue-eslint-parser',
parserOptions: {
parser: "@typescript-eslint/parser",
ecmaVersion: 2020,
sourceType: 'module',
}
具体如下：
module.exports = {
parser: 'vue-eslint-parser',
parserOptions: {
parser: "@typescript-eslint/parser",
ecmaVersion: 2020,
sourceType: 'module',
},
extends: [
// 添加 ESLint 扩展规则
'plugin:vue/vue3-recommended',
// 添加其他 ESLint 扩展规则
],
rules: {
// 覆盖或添加自定义 ESLint 规则
},
};
这个配置是在ESLint中指定Vue文件的解析器。在.eslintrc.js或.eslintrc.ts文件中，“parser”: "vue-eslint-parser"表示ESLint应该使用vue-eslint-parser来解析.vue文件。这是因为.vue文件是由HTML、CSS和JavaScript（或TypeScript）组成的单文件组件，而ESLint默认不理解这种文件格式。
vue-eslint-parser是一个独立的npm包，它提供了一个解析器，可以让ESLint理解Vue文件的语法。文章来源：https://www.toymoban.com/news/detail-858790.html
如果你在使用Vue 3.0和TypeScript，并且已经正确安装了vue-eslint-parser和所需的Vue ESLint插件（如@vue/eslint-plugin-vue），那么这个配置应该是必要的。文章来源地址https://www.toymoban.com/news/detail-858790.html
到了这里，关于vue3.0 + ts + eslint报错：error Parsing error: ‘＞‘ expected的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
