Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Duda] No puedo generar módulo HOME

Hola no puedo generar módulo HOME, me dice que no puede cargar angular.json pero el archivo sí existe

**PS C:\workspace\Angular\catbook> ng generate module home --routing -d
Workspace config file cannot be loaded: C:\workspace\Angular\catbook\angular.json
Invalid "projects" field found; expected an object.**
PS C:\workspace\Angular\catbook> dir *.json

    Directory: C:\workspace\Angular\catbook

Mode                 LastWriteTime         Length Name
----                 -------------         ------ ----
-a---          06-08-2025    10:09           3388 angular.json
-a---          06-08-2025     9:55           1128 package.json
-a---          06-08-2025     9:55         534962 package-lock.json
-a---          05-08-2025    18:40            287 tsconfig.app.json
-a---          05-08-2025    18:40            863 tsconfig.json
-a---          05-08-2025    18:40            333 tsconfig.spec.json
{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "cli": {
    "analytics": false
  },
  "version": 1,
  "newProjectRoot": "projects",
  "projects":
    "catbook": {
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
          "style": "scss"
        },
        "@schematics/angular:application": {
          "strict": true
        }
      },
      "root": "",
      "sourceRoot": "src",
      "prefix": "app",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/catbook",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
           "tsConfig": "tsconfig.app.json",
            "inlineStyleLanguage": "scss",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.scss",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "./node_modules/font-awesome/css/font-awesome.min.css"
            ],
            "scripts": []
          },
          "configurations": {
            "production": {
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "500kb",
                  "maximumError": "1mb"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "2kb",
                  "maximumError": "4kb"
                }
              ],
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "outputHashing": "all"
            },
            "development": {
              "buildOptimizer": false,
              "optimization": false,
              "vendorChunk": true,
              "extractLicenses": false,
              "sourceMap": true,
              "namedChunks": true
            }
          },
          "defaultConfiguration": "production"
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "configurations": {
            "production": {
              "browserTarget": "catbook:build:production"
            },
            "development": {
              "browserTarget": "catbook:build:development"
            }
          },
          "defaultConfiguration": "development"
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "catbook:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.spec.json",
            "karmaConfig": "karma.conf.js",
            "inlineStyleLanguage": "scss",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.scss"
            ],
            "scripts": []
          }
        }
      }
    }
  },
  "defaultProject": "catbook"
}

Favor su ayuda!
Muchas gracias, saludos desde la ciudad de Santiago, Chile

1 respuesta
solución!

Hola Sebastián,

Parece que el problema está en la estructura de tu archivo angular.json. El error indica que el campo "projects" debería ser un objeto, pero actualmente está configurado incorrectamente. Aquí está el problema:

"projects":
  "catbook": {
    ...
  }

Debería estar estructurado como un objeto, así:

"projects": {
  "catbook": {
    ...
  }
}

Básicamente, necesitas envolver la definición de tu proyecto catbook dentro de llaves {}. Esto debería corregir el error que estás viendo al intentar generar el módulo.

Después de hacer este cambio, intenta nuevamente ejecutar el comando para generar el módulo:

ng generate module home --routing

Espero que esto resuelva tu problema. ¡Saludos, espero que continúes disfrutando de tu aprendizaje en Angular!

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios