No puede encontrar el módulo 'schema' o su declaración de tipo correspondiente

Estoy tratando de crear un proyecto Angular 8, pero siempre termino teniendo un error cuando intento compilar la aplicación resultante debido a un camino equivocado en mi node_modules carpeta; específicamente en el archivo situado en @angular/cli/commands/add-impl.d.ts, que contiene esto:

import { Arguments } from '../models/interface';
import { SchematicCommand } from '../models/schematic-command';
import { Schema as AddCommandSchema } from './add';
export declare class AddCommand extends SchematicCommand {
    readonly allowPrivateSchematics = true;
    readonly allowAdditionalArgs = true;
    readonly packageManager: import("../../../../dist-schema/packages/angular/cli/lib/config/schema").PackageManager;
    run(options: AddCommandSchema & Arguments): Promise;
    reportAnalytics(paths: string[], options: AddCommandSchema & Arguments, dimensions?: (boolean | number | string)[], metrics?: (boolean | number | string)[]): Promise;
    private isPackageInstalled;
    private executeSchematic;
    private findProjectVersion;
    private hasMismatchedPeer;
}

La lectura de la línea readonly packageManager: import("../../../../dist-schema/packages/angular/cli/lib/config/schema").PackageManager; siempre da un error ya que la ruta especificada no puede encontrar el archivo a que apunta; lo comprobé y en realidad no veo ninguna carpeta llamada dist-schema/packages, y no sé cuál es su propósito; si cambio la ruta a: @/angular/cli/lib/config/schema el error desaparece y todo funciona bien, pero si genera el node_modules carpeta de nuevo, el error regresa ya que la ruta se especifica de nuevo como antes.

No he podido encontrar mucha información sobre esto, y nada de eso me indica a una solución; he intentado actualizar mi versión Angular a la última versión 8.x.x, eliminando mi versión. package-lock.json archivo, borrado node_modules e instalar de nuevo y ninguno parece funcionar.

Este es mi package.json archivo:

{
  "name": "opti-frontend",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "watch": "gulp watch",
    "dev": "gulp development",
    "prod": "gulp production",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^8.2.13",
    "@angular/cdk": "^8.2.3",
    "@angular/common": "~8.0.1",
    "@angular/compiler": "~8.0.1",
    "@angular/core": "~8.0.1",
    "@angular/forms": "~8.0.1",
    "@angular/google-maps": "^9.0.0-rc.0",
    "@angular/material": "^8.2.3",
    "@angular/platform-browser": "~8.0.1",
    "@angular/platform-browser-dynamic": "~8.0.1",
    "@angular/router": "~8.0.1",
    "@ckeditor/ckeditor5-angular": "^1.1.2",
    "@gvreddy04/ckeditor5-build-classic-all-features": "^16.11.0",
    "@mdi/font": "^3.9.97",
    "@ngu/carousel": "^1.5.5",
    "@swimlane/ngx-charts": "^13.0.2",
    "@swimlane/ngx-datatable": "^15.0.2",
    "@types/googlemaps": "^3.39.2",
    "@types/html2canvas": "0.0.35",
    "@types/jspdf": "^1.3.2",
    "angular-fusioncharts": "^3.0.3",
    "bootstrap": "^4.3.1",
    "file-saver": "^2.0.2",
    "fusioncharts": "^3.14.1",
    "google-libphonenumber": "^3.2.6",
    "gulp": "^4.0.2",
    "gulp-replace": "^1.0.0",
    "hammerjs": "^2.0.8",
    "html2canvas": "^1.0.0-rc.1",
    "html2pdf.js": "^0.9.1",
    "intl-tel-input": "^14.1.0",
    "jquery": "^3.5.1",
    "jspdf": "^1.5.3",
    "material-design-icons": "^3.0.1",
    "ng-recaptcha": "^5.0.0",
    "ng2-pdf-viewer": "^6.1.2",
    "ng2-table": "^1.3.2",
    "ngx-bootstrap": "^5.2.0",
    "ngx-chips": "^2.1.0",
    "ngx-color-picker": "^8.2.0",
    "ngx-gauge": "^1.0.0-beta.11",
    "ngx-highlightjs": "^4.0.0",
    "ngx-hotjar": "^8.0.2",
    "ngx-image-cropper": "^3.2.1",
    "ngx-intl-tel-input": "^2.3.1",
    "ngx-mat-select-search": "^2.0.0",
    "popper.js": "^1.16.0",
    "rxjs": "~6.4.0",
    "tslib": "^1.9.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.8",
    "@angular/cli": "^8.3.18",
    "@angular/compiler-cli": "~8.0.1",
    "@angular/language-service": "~8.0.1",
    "@types/jasmine": "^3.4.6",
    "@types/jasminewd2": "^2.0.8",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.2.0",
    "dotenv": "^8.2.0",
    "gulp-file": "^0.4.0",
    "gulp-rename": "^1.4.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.1.0",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "^3.4.5"
  }
}

Pregunta hecha hace 3 años, 4 meses, 27 días - Por binarybuilder

2 Respuestas:

  • El problema que estás experimentando se debe a un error de importación en el archivo add-impl.d.ts que está dentro de la carpeta del node_modules. El error específico es que no puede encontrar el módulo 'schema' o su declaración de tipo correspondiente.

    Para resolver este problema, puedes intentar lo siguiente:

    • Corregir la ruta de importación en el archivo add-impl.d.ts:
    En lugar de la ruta incorrecta @angular/cli/lib/config/schema, deberías utilizar la ruta correcta @angular/cli/lib/config/schema/schema.

    typescript
    readonly packageManager: import("@angular/cli/lib/config/schema/schema").PackageManager;

    • Eliminar la carpeta node_modules y reinstalar las dependencias:
    Ejecuta los siguientes comandos en la terminal para eliminar la carpeta node_modules y reinstalar las dependencias:

    bash
   rm -rf node_modules
   npm install

    • Revisar la estructura de tus dependencias:
    Asegúrate de que las versiones de las dependencias en tu package.json sean compatibles entre sí, ya que a veces ciertas versiones pueden causar conflictos.

    Una vez que hayas realizado estos pasos, intenta compilar tu aplicación Angular nuevamente. Esto debería resolver el error de importación del módulo 'schema'.

    Respondida el Dec 19, 2020 a las 16:54 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • El error que estás experimentando es causado por un error en el paquete @angular/cli. Específicamente, el archivo add-impl.d.ts en la versión 8.3.18 de @angular/cli contiene una ruta incorrecta al esquema de paquete en ../../../../dist-schema/packages/angular/cli/lib/config/schema.

    Para resolver este problema, puedes hacer lo siguiente:

    • Actualiza `@angular/cli` a la última versión: Ejecuta el siguiente comando:
    
   npm install -g @angular/cli@latest
    • Elimina el directorio `node_modules`: Elimina el directorio `node_modules` de tu proyecto.

    • Reinstala las dependencias: Ejecuta el siguiente comando para reinstalar las dependencias del proyecto:
    
   npm install

    Esto debería resolver el error y permitirte compilar tu aplicación Angular 8 sin problemas.

    Nota: Si sigues recibiendo el error después de seguir estos pasos, intenta eliminar el archivo package-lock.json antes de ejecutar npm install.

    Respondida el Dec 19, 2020 a las 17:01 - por Gemini

    Votos positivos: 0 | Votos negativos: 0