web-dev-qa-db-fra.com

Angular Universal "Fichier de module (/src/app/.ts) introuvable"

J'ai une application développée à l'origine sur Angular 2 que j'ai lentement migrée au fil du temps à mesure que de nouvelles versions de Angular sortent en utilisant les documentations de sortie de Angular. Actuellement, la version de angular dans l'application est: 7.2.15

Je dois également ajouter que j'ai déplacé mes projets NestJs + Angular dans un repo mono en utilisant: @ nrwl/nx, mais même en essayant d'ajouter universel à ma version précédente sans @ nrwl/nx mono-repo donne le même erreur

Maintenant, quand j'essaie d'ajouter le support universel angular:

ng add @nguniversal/express-engine --clientProject <my project name>

Je reçois l'erreur suivante:

Module file (/src/app/.ts) not found

C'est la seule erreur que j'obtiens, ce qui rend très difficile de savoir par où commencer. Je ne trouve aucun problème similaire signalé en ligne non plus. Quelqu'un sait comment je peux résoudre ce problème?

Voici la sortie de ng -v:

Your global Angular CLI version (8.2.0) is greater than your local
version (7.3.9). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.3.9
Node: 10.16.0
OS: darwin x64
Angular: 7.2.15
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.8.9
@angular-devkit/build-angular     0.8.9
@angular-devkit/build-optimizer   0.8.9
@angular-devkit/build-webpack     0.8.9
@angular-devkit/core              0.8.9
@angular-devkit/schematics        7.3.9
@angular/cdk                      7.3.7
@angular/cli                      7.3.9
@ngtools/webpack                  6.2.9
@schematics/angular               7.3.9
@schematics/update                0.13.9
rxjs                              6.2.2
TypeScript                        3.2.4
webpack                           4.16.4

Voici également mon tsconfig.json:

{
    "compileOnSave": false,
    "compilerOptions": {
        "sourceMap": true,
        "declaration": false,
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "importHelpers": true,
        "target": "es5",
        "module": "es2015",
        "typeRoots": ["node_modules/@types"],
        "lib": ["es2017", "dom"],
        "skipLibCheck": true,
        "skipDefaultLibCheck": true,
        "baseUrl": ".",
        "paths": {
            "@app/api-interface": ["libs/api-interface/src/index.ts"],
            "@app/shared-lib": ["libs/shared-lib/src/index.ts"]
        }
    },
    "exclude": ["node_modules", "tmp"]
}
angularangular-universal
11
Nylon Smile

Le problème a également été signalé par d'autres utilisateurs. Vous pouvez voir le fil github ci-dessous

https://github.com/ngx-rocket/generator-ngx-rocket/issues/472#issuecomment-512598966

Il existe cependant une solution de contournement. Vous pouvez modifier l'importation AppModule dans votre main.ts de

import {AppModule} from './app';

à

import {AppModule} from './app/app.module';
5
Tarun Lalwani

Cela semble très étrange car le fichier du module indique que l'erreur n'est pas pertinente, pouvez-vous essayer d'ajouter ce qui suit à mon fichier tsconfig.json

"moduleResolution": "node",
0
Sajeetharan