vue3.0 + ts + eslint报错:error Parsing error: ‘>‘ expected

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文件的语法。

如果你在使用Vue 3.0和TypeScript,并且已经正确安装了vue-eslint-parser和所需的Vue ESLint插件(如@vue/eslint-plugin-vue),那么这个配置应该是必要的。

相关推荐
Yaml43 小时前
Spring Boot 与 Vue 共筑二手书籍交易卓越平台
java·spring boot·后端·mysql·spring·vue·二手书籍
清灵xmf6 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
琴~~1 天前
前端根据后端返回的文本流逐个展示文本内容
前端·javascript·vue
程序员徐师兄2 天前
基于 JavaWeb 的宠物商城系统(附源码,文档)
java·vue·springboot·宠物·宠物商城
shareloke2 天前
让Erupt框架支持.vue文件做自定义页面模版
vue
你白勺男孩TT2 天前
Vue项目中点击按钮后浏览器屏幕变黑,再次点击恢复的解决方法
vue.js·vue·springboot
虞泽3 天前
鸢尾博客项目开源
java·spring boot·vue·vue3·博客
工业互联网专业3 天前
Python毕业设计选题:基于django+vue的4S店客户管理系统
python·django·vue·毕业设计·源码·课程设计
麦麦大数据3 天前
vue+django+neo4j航班智能问答知识图谱可视化系统
django·vue·echarts·neo4j·智能问答·ltp·航班
ZSK63 天前
【uniapp3】分享一个自己写的h5日历组件
vue·uniapp