Vuejs2 如何使用Vue/require直接导出构建Vue Hello World项目

刚从Vue开始，使用Vue UI安装HelloWorld项目，并激活了所有可用的ESLint规则

得到了一些关于空格的ESLint错误，这很容易解决，但随后它抱怨了导出行

这是Hello World的脚本部分：

从“Vue属性装饰器”导入{Component，Prop，Vue}
@组成部分
导出默认类HelloWorld扩展Vue{
@Prop（）private msg！：字符串；
}

当运行

npm run build

时，我得到以下错误：

Module Error (from ./node_modules/eslint-loader/index.js):
error: Expected the component literal to be directly exported (vue/require-direct-export) at src/components/HelloWorld.vue:141:1:

那么，如何在这个简单的导出上应用vue/require直接导出？ 尝试对其中的部分内容进行评论，但找不到被接受的方法

---编辑1@Steven B---

---

你能给我们看一下你的

.eslintrc.js

文件或你的

包.json

中的

eslintConfig

部分吗？当然，洞项目在这里：我认为

要求直接导出

规则与

vue属性装饰程序

或

vue.extend

不兼容。为了不让你头痛，我会把它关掉。

  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/recommended",
      "@vue/standard",
      "@vue/typescript"
    ],
    "parserOptions": {
      "parser": "@typescript-eslint/parser"
    },
    "overrides": [
      {
        "files": [
          "**/__tests__/*.{j,t}s?(x)"
        ],
        "env": {
          "mocha": true
        }
      }
    ],
    "rules": {
      "vue/array-bracket-spacing": "error",
      "vue/arrow-spacing": "error",
      "vue/block-spacing": "error",
      "vue/brace-style": "error",
      "vue/camelcase": "error",
      "vue/comma-dangle": "error",
      "vue/component-name-in-template-casing": "error",
      "vue/eqeqeq": "error",
      "vue/key-spacing": "error",
      "vue/match-component-file-name": "error",
      "vue/no-boolean-default": "error",
      "vue/no-restricted-syntax": "error",
      "vue/object-curly-spacing": "error",
      "vue/require-direct-export": "error",
      "vue/script-indent": "error",
      "vue/space-infix-ops": "error",
      "vue/space-unary-ops": "error",
      "vue/v-on-function-call": "error"
    }
  },