web-dev-qa-db-ja.com

Angular Universal "Module file（/src/app/.ts）not found"）

Angular 2で開発されたアプリを持っていますが、Angularのリリースドキュメントを使用してAngularの新しいバージョンがリリースされるにつれて、徐々に移行しました。現在、アプリのangularのバージョンは7.2.15です。

NestJs + Angularプロジェクトを@ nrwl/nxを使用してモノリポジトリに移動したことも追加する必要がありますが、@ nrwl/nxモノリポジトリのない以前のバージョンにユニバーサルを追加しようとしても、同じエラー

angularユニバーサルサポートを追加しようとすると、次のようになります。

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

次のエラーが発生します。

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

これが唯一のエラーであり、どこから始めればよいかを知るのは非常に困難です。同様の問題がオンラインで報告されていることもわかりません。誰かが私がこれを解決する方法を知っていますか？

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

また、ここに私の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

この問題は他のユーザーからも報告されています。以下のgithubスレッドを見ることができます

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

ただし、回避策があります。 AppModuleインポートはmain.tsから

import {AppModule} from './app';

に

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

エラーでモジュールファイルが示しているように、それは非常に奇妙に見えます。次の内容をtsconfig.jsonファイルに追加してみてください。

"moduleResolution": "node",
0
Sajeetharan