angularjs - [at-loader] 中的错误找不到模块 './app.component.ngfactory'

Question

我的错误如下:

[at-loader] assets\app\app.module.ngfactory.ts 中出现错误:28:27 找不到模块“./app.component.ngfactory”。

运行 npm run build 后，app.module.ngfactory.ts 按预期创建，但它创建了对我没有/找不到的模块的引用:

从'./app.component.ngfactory'导入*作为import21;

查看aot-complier我在编译应用程序部分看到以下内容:

The curious can open the aot/app.component.ngfactory.ts to see the original Angular template syntax in its intermediate, compiled-to-TypeScript form.

我认为我的问题可能来自于当我运行时

"node_modules/.bin/ngc" -p tsconfig-aot.json

它想要为它正在创建的组件分配一个名称，但我不确定该名称是否可以是任何名称，或者是否需要特定的名称。我尝试过名称 NgFactory、app.component.ngfactory 和我的项目名称，但这些名称都没有做出我可以看到的任何更改。我也没有看到在 tsconfig-aot.json 文件中指定为 genDir 的文件夹，只有 outDir。

After ngc completes, look for a collection of NgFactory files in the aot folder (the folder specified as genDir in tsconfig-aot.json).

以下是我的 tsconfig-aot.json 当前包含的内容:

    {
    "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "./public/js/app"
    },
    "exclude": [
    "node_modules",
    "dist",
    "assets/app/polyfills.ts"
    ],

    "angularCompilerOptions": {
    "skipMetadataEmit" : true
    }

}

如果您需要任何其他信息，请告诉我。我一直找不到任何关于此的信息，我已经找了两天了。

Answer 1

我终于让 app.component.ngfactory 来构建/我的整个 aot 文件夹。我更仔细地研究了 Angular Cookbook aot-compiler，并决定重新进行一些实例化，以下是使它起作用的原因:

npm install @angular/compiler-cli @angular/platform-server --save

我猜它要么是第一次安装不正确，要么是发生了其他事情。安装后，我可以运行以下命令并生成 aot 文件夹:

"node_modules/.bin/ngc" -p tsconfig.aot.json

我还将 tsconfig.aot.json 文件更改为以下内容:

{
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "./public/js/app"
  },

  "files": [
    "app/app.module.ts",
    "app/main.aot.ts"
  ],

  "exclude": [
    "node_modules",
    "dist",
    "assets/app/polyfills.ts"
  ],

  "angularCompilerOptions": {
    "genDir": "aot",
    "skipMetadataEmit" : true
  }
}