在 NX monorepo 中启动应用程序时出现问题：（无法读取未定义（读取“项目”）

Question

我在 NX monorepo 中有一个项目（杂货店）使用 nestjs 等。 该应用程序是一个严格的后端 api。我想添加一个前端，为此我将反应拖到项目中。 在 monorepo 中生成一个新项目后 ( nx g @nrwl/react:app grocery-shop-webapp ) - 我无法运行任何一个 ( nx serve grocery-shop )。

我收到一条错误消息：

NX 无法读取未定义的属性（读取“项目”）

我的 nx.json 文件代码如下所示：

{
  "$schema": "./node_modules/nx/schemas/nx-schema.json",
  "npmScope": "grocery-shop",
  "tasksRunnerOptions": {
    "default": {
      "runner": "@nrwl/nx-cloud",
      "options": {
        "cacheableOperations": ["build", "lint", "test", "e2e"],
        "accessToken": "NjYzNzg4YjMtYjM1ZC00M2NkLThhNzAtZWE2NzM4ZjhiNWUzfHJlYWQtd3JpdGU="
      }
    }
  },
  "targetDefaults": {
    "build": {
      "dependsOn": ["^build"],
      "inputs": ["production", "^production"]
    },
    "test": {
      "inputs": ["default", "^production", "{workspaceRoot}/jest.preset.js"]
    },
    "lint": {
      "inputs": ["default", "{workspaceRoot}/.eslintrc.json"]
    },
    "e2e": {
      "inputs": ["default", "^production"]
    }
  },
  "namedInputs": {
    "default": ["{projectRoot}/**/*", "sharedGlobals"],
    "production": [
      "default",
      "!{projectRoot}/**/?(*.)+(spec|test).[jt]s?(x)?(.snap)",
      "!{projectRoot}/tsconfig.spec.json",
      "!{projectRoot}/jest.config.[jt]s",
      "!{projectRoot}/.eslintrc.json"
    ],
    "sharedGlobals": ["{workspaceRoot}/babel.config.json"]
  },
  "defaultProject": "grocery-shop",
  "generators": {
    "@nrwl/react": {
      "application": {
        "style": "css",
        "linter": "eslint",
        "bundler": "webpack",
        "babel": true
      },
      "component": {
        "style": "css"
      },
      "library": {
        "style": "css",
        "linter": "eslint"
      }
    }
  }
}

所以我决定在这个文件中手动实现“项目”选项。

...
"npmScope": "grocery-shop",
  "projects": {
    "grocery-shop": {
      "root": "apps/grocery-shop",
      "tags": []
    },
    "grocery-shop-webapp": {
      "root": "apps/grocery-shop-webapp",
      "tags": []
    }
  }
...

所以现在当我尝试运行nx serve grocery-shop时，我收到一条错误消息：

NX 从 Nx 13 开始，项目配置应从 nx.json 移动到 workspace.json/project.json。 请运行“nx format”来解决这个问题。

NX 找不到任务杂货店的配置：服务

我会提到“ nx format ”没有改善任何东西，错误仍然存在。

你们能帮我运行这两个应用程序吗？

编辑： nx report output：

npm  : 9.2.0
   
   nx : 15.3.3
   @nrwl/angular : Not Found
   @nrwl/cypress : 15.6.2
   @nrwl/detox : Not Found
   @nrwl/devkit : 15.3.3
   @nrwl/esbuild : Not Found
   @nrwl/eslint-plugin-nx : 15.3.3
   @nrwl/expo : Not Found
   @nrwl/express : Not Found
   @nrwl/jest : 15.6.2
   @nrwl/js : 15.6.2
   @nrwl/linter : 15.3.3
   @nrwl/nest : 15.4.2
   @nrwl/next : Not Found
   @nrwl/node : 15.3.3
   @nrwl/nx-cloud : 15.0.2
   @nrwl/nx-plugin : Not Found
   @nrwl/react : 15.6.2
   @nrwl/react-native : Not Found
   @nrwl/rollup : Not Found
   @nrwl/schematics : Not Found
   @nrwl/storybook : Not Found
   @nrwl/web : Not Found
   @nrwl/webpack : 15.3.3
   @nrwl/workspace : 15.3.3
   typescript : 4.9.4

解决方案：正如@Craigory Coppola 正确指出的那样，我使用nx migrate latest命令来更新 NX 及其依赖项的版本 - 我的依赖项版本不匹配。

Answer 1

这看起来像是您的 nrwl/nx 包版本可能不匹配。 你能运行nx report吗？

它们应该都是一样的，除了 nx cloud