Angular 12 workspace: Failed to load config "../../.eslintrc.json" to extend from

Description and reproduction of the issue

When creating an angular 12 workspace, @angular-eslint/schematics@12.0.0 schematics incorrectly writes eslintrc.json

❯ npx @angular/cli@12 new web-apps --create-application false --strict
❯ cd web-apps
❯ yarn ng g app command-center
❯ yarn ng add @angular-eslint/schematics
❯ yarn ng lint

Linting "command-center"...
An unhandled exception occurred: Failed to load config "../../.eslintrc.json" to extend from.
Referenced from: /Users/<username>/dev/web-apps/projects/command-center/.eslintrc.json

Versions

# yarn ng version:
Angular CLI: 12.0.0
Node: 16.1.0
Package Manager: yarn 1.22.10
OS: darwin x64

Angular: 12.0.0
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1200.0
@angular-devkit/build-angular   12.0.0
@angular-devkit/core            12.0.0
@angular-devkit/schematics      12.0.0
@schematics/angular             12.0.0
rxjs                            6.6.7
typescript                      4.2.4

• I have updated to the latest supported version of the packages and checked my ng version output per the instructions given here.

[prabh-62]

Root .eslintrc.json

{
    "root": true,
    "ignorePatterns": ["projects/**/*"],
    "plugins": [],
    "overrides": [
      {
        "files": ["*.ts"],
        "parserOptions": {
          "project": ["tsconfig.json"],
          "createDefaultProgram": true
        },
        "extends": [
          "plugin:@typescript-eslint/recommended-requiring-type-checking",
          "plugin:@angular-eslint/all"
        ],
        "rules": {
          "@angular-eslint/sort-ngmodule-metadata-arrays": "off"
        }
      },
      {
        "files": ["*.html"],
        "extends": ["plugin:@angular-eslint/template/all"],
        "rules": {
          "@angular-eslint/template/i18n": "off"
        }
      }
    ]
  }
  

Project specific eslint: projects/dashboard/.eslintrc.json

{
  "extends": "../../.eslintrc.json",
  "ignorePatterns": ["!**/*"],
  "overrides": [
    {
      "files": ["*.ts"],
      "parserOptions": {
        "project": [
          "projects/dashboard/tsconfig.app.json",
          "projects/dashboard/tsconfig.spec.json"
        ],
        "createDefaultProgram": true
      },
      "rules": {
        "@angular-eslint/directive-selector": [
          "error",
          {
            "type": "attribute",
            "prefix": "td",
            "style": "camelCase"
          }
        ],
        "@angular-eslint/component-selector": [
          "error",
          {
            "type": "element",
            "prefix": "td",
            "style": "kebab-case"
          }
        ]
      }
    },
    {
      "files": ["*.html"],
      "rules": {}
    }
  ]
}

[JamesHenry]

Thanks a lot for covering the workarounds on this folks, I’m pleased to say that the tooling will now do the right thing in the --create-application=false case automatically as of 13.2.0