Vite + Eslint + Vue 3: Parsing error: ‘＞‘ expected.eslint

原创已于 2022-08-22 11:16:57 修改 · 3.8k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #javascript #typescript #前端

收录于

于 2022-08-17 17:42:31 首次发布

项目踩坑专栏收录该内容

3 篇文章

订阅专栏

在启用Vue3的eslint时遇到错误：'>' expected。为了解决此问题，需要在eslint配置文件中添加特定的规则。添加`browser`, `es2021`, `node`的环境设置，扩展推荐规则，以及`vue`, `vue3-essential`, `@typescript-eslint`的插件，并正确配置解析器选项。确保使用`vue-eslint-parser`作为解析器，并设置`ecmaVersion`为`latest`，`parser`为`@typescript-eslint/parser`，`sourceType`为`module`。

vue3开启eslint之后报错：error Parsing error: ‘＞‘ expected

解决方案

eslint文件需要添加这两个配置：

module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true
  },
  extends: [
    'eslint:recommended',
    'plugin:vue/vue3-essential',
    'plugin:@typescript-eslint/recommended',
    'plugin:prettier/recommended'
  ],
  overrides: [],
  parser: 'vue-eslint-parser',
  parserOptions: {
    ecmaVersion: 'latest',
    parser: '@typescript-eslint/parser',
    sourceType: 'module'
  },
  plugins: ['vue', '@typescript-eslint'],
  rules: {}
};