No Babel config file detected for D:\\web\\project\\05-vue\\vue_demo\\src\\components\\test.vue.

vue项目新建页面后,页面第一行提示以下报错:

No Babel config file detected for D:\\web\\project\\05-vue\\vue_demo\\src\\components\\test.vue._第1张图片

[{
    "resource": "/d:/web/project/05-vue/vue_demo/src/components/test.vue",
    "owner": "eslint",
    "severity": 8,
    "message": "Parsing error: No Babel config file detected for D:\\web\\project\\05-vue\\vue_demo\\src\\components\\test.vue. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files.",
    "source": "eslint",
    "startLineNumber": 1,
    "startColumn": 1,
    "endLineNumber": 1,
    "endColumn": 1
}]

该报错是由于打开项目的根目录和运行项目的根目录不一致的。

解决方案:

        1、 在package.json添加requireConfigFile:false,改语句整体禁用了babel,babel.conig.js会失效

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

        2、将运行项目的根目录设置为打开项目的根目录

        3、将babel的配置方式修改为相对文件配置

你可能感兴趣的:(VUE实战,前端,vue.js,javascript)