如图报如下问题,原因eslint默认规则要求文件名双驼峰命名。

解决方法:打开.eslintrc.js文件,给rules添加以下规则就不会再报错
"vue/multi-word-component-names":"off"
如果需要改变什么规则,可以在rules修改
require('@rushstack/eslint-patch/modern-module-resolution')
module.exports = {
root: true,
'extends': [
'plugin:vue/vue3-essential',
'eslint:recommended',
'@vue/eslint-config-typescript',
'@vue/eslint-config-prettier/skip-formatting'
],
rules: {
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
"vue/multi-word-component-names":"off"
},
parserOptions: {
ecmaVersion: 'latest'
}
}