Vue3中遇到的非代码问题的错误解决

Chen_Chance

已于 2023-10-26 22:06:08 修改

阅读量299

点赞数

文章标签：开发语言 vue vue.js

于 2023-07-11 14:12:28 首次发布

本文链接：https://blog.csdn.net/qq_44154915/article/details/131657815

版权

1.问题出现在每个文件的最上方，红色波浪线

parsing error: no babel config file detected for d:\vs_code_data\learn-elementplus\vue3learn\src\app.vue. either disable config file checking with requireconfigfile: false, or configure babel so that it can find the config files.

解决办法：
您可以在 package.json 文件中找到 “parserOptions”，然后添加 "requireConfigFile": false。例如：

"parserOptions": {
    "parser": "@babel/eslint-parser",
    "requireConfigFile": false
}

2.关于每个文件的命名总是出错

Component name "hello" should always be multi-word.

解决办法:
如果您想忽略所有文件的某些语法规则，可以使用 ESLint 配置文件禁用规则。例如，在 package.json 中，您可以找到 eslintConfig 规则，它可能已经有一些内容，像这样。

"eslintConfig": {
    "extends": [
        "react-app",
        "react-app/jest"
    ]
}

在这里您可以禁用您想禁用的规则。

"eslintConfig": {
    "extends": [
        "react-app",
        "react-app/jest"
    ],
    "rules": {
        "vue/multi-word-component-names": "off"
    }
}