Vue 使用 eslint 后 Parsing error: Unexpected token <

问题：

在使用vue cli+eslint的时候，遇到如下问题：

error: Parsing error: Unexpected token < at src\views\index.vue:1:1:
> 1 | <template>
    | ^
  2 |   <div class="index">
  3 |   
  4 |   </div>

解决办法：

1、在.eslint.js配置文件中添加如下配置：
（如果没有，新建.eslint.js文件）

module.exports = {
  root: true,
  parserOptions: {
    sourceType: 'module'
  },
  parser: "vue-eslint-parser",
  env: {
    browser: true,
    node: true,
    es6: true,
  },
  rules: {
    'no-console': 'off',
  }
}

2、重启node（不行重启vs code）

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容