小编Wev*_*ipe的帖子

我创建了一个 Laravel 项目并安装了 VSCode 和所有必要的扩展。其中之一是 ESLint，它可以与 JS 文件一起正常工作，但是当我打开像 (resources/js/component/ExampleComponent.vue) 这样的 Vue 组件时，我从 ESLint 收到此错误：

“解析错误：意外标记 < eslint [1, 1]”

我的.eslintrc.js文件是使用./node_modules/.bin/eslint --init和回答问题生成的。

我已经用谷歌搜索并找到了这个解决方案：

npm install babel-eslint --save-dev

并将其添加到.eslintrc.js：

parser: "babel-eslint"

但无论如何它都不起作用，错误仍然存​​在。

这是我的ExampleComponent.vue（未经 Laravel 修改）：

<template> (ESLint error here: "Parsing error: Unexpected token < eslint [1,1]")
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        Example Component
                    </div>

                    <div class="card-body">
                        I'm an example component.
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export …