我已經在我的 webpack 和 vue 專案中使用 @babel/eslint-parser 和 eslint-plugin-vue 設定了 eslint-webpack-plugin，但是當我嘗試檢查 vue 檔案時，它會拋出以下錯誤：
phone-link.vue 中的
錯誤 1:0 錯誤決議錯誤：此實驗性語法需要啟用以下決議器插件之一：'jsx, flow, typescript' (1:0)
我的設定中是否缺少某些內容，因為它適用于非 vue 檔案？
套餐：
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.16.0",
"eslint": "^8.2.0",
"eslint-config-airbnb-base": "^15.0.0",
"eslint-plugin-import": "^2.25.2",
"eslint-plugin-vue": "^8.0.3",
"eslint-webpack-plugin": "^3.1.0",
網路包配置
const ESLintPlugin = require('eslint-webpack-plugin');
plugins: [
new ESLintPlugin({
extensions: ['vue', 'js'],
})
],
eslintrc
"extends": [
"eslint:recommended",
"airbnb-base",
"plugin:vue/recommended"
],
"parser": "@babel/eslint-parser",
"parserOptions": {
"ecmaVersion": 6,
"ecmaFeatures": {
"experimentalObjectRestSpread": true
}
},
示例 vue 檔案
<template>
<a :href="phoneLinkNumber" class="">{{ phoneLinkText }}</a>
</template>
<script>
import SiteConstants from '../Constants/site-constants.js';
export default {
name: 'phone-link',
props: {
phoneLinkText: {
default: SiteConstants.PhoneNumber,
},
},
data() {
return {
phoneLinkNumber: `tel:${SiteConstants.PhoneNumber.replace(/\s/g, "")}`,
}
},
}
</script>
uj5u.com熱心網友回復：
最后，我將 babel 決議器更改為vue-eslint-parser：
"parser": "vue-eslint-parser",
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/358423.html
標籤：javascript Vue.js 网络包 eslint babel-eslint