Vue js - 您可能需要一个额外的加载器来处理这些加载器的结果

Question

所以我有这个问题：这是我的 tsconfig：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "skipLibCheck": true,
    "esModuleInterop": true,
    "noImplicitAny": false,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

这是我的代码问题：1 - 文件是用这些加载器处理的：

Module parse failed: Unexpected token (104:32)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/ts-loader/index.js
 * ./node_modules/eslint-loader/index.js
You may need an additional loader to handle the result of these loaders.
|             if (this.documents.length > 0) {
|                 this.documents.forEach((element) => {
>                     if (element?.children?.length > 0) {
|                         flattDocs.push(...element.children);
|                         delete element.children;

2 - 文件是用这些加载器处理的：

Module parse failed: Unexpected token (111:31)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/ts-loader/index.js
 * ./node_modules/eslint-loader/index.js
You may need an additional loader to handle the result of these loaders.
|     created() {
|         debugger;
>         if (this.$route.params?.id)
|             this.getAllProjectDocuments(this.$route.params.id);
|         else {

3 - 文件是用这些加载器处理的：

File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/ts-loader/index.js
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js
You may need an additional loader to handle the result of these loaders.
|         ...mapGetters(["currentUser"]),
|         userNameInitials() {
>             const userName = this.currentUser?.name;
|             let name = "";
|             if (userName) {

4 - 文件是用这些加载器处理的：

Module parse failed: Unexpected token (97:21)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/ts-loader/index.js
 * ./node_modules/eslint-loader/index.js
You may need an additional loader to handle the result of these loaders.
|             if (!e.objectIds)
|                 e.objectIds = [];
>             if (meta?.id)
|                 e.objectIds.push(meta.id);
|             e.objectId = meta ? meta.id : null;

我试图使用 tsconfig 但它没有帮助。我看到一些关于stackover flow的文章，问题是代码无法编译。我应该在 tsconfig 文件中添加一些内容，但我不知道是什么。