angular - TypeScript 编译中缺少 ts 文件

Question

我正在关注一系列角度教程。我已经到了安装这个 npm 的部分npm install --save @angular/platform-server @nguniversal/module-map-ngfactory-loader ts-loader。不幸的是，在运行这条线时ng run Udemy-Tutorial:server

错误

文件夹结构

app.module.ts

imports: [
  BrowserModule.withServerTransition({ appId: "my-app" }),
  ...
 ],

app.server.module.ts

import { NgModule } from "@angular/core";
import { ServerModule } from "@angular/platform-server";
import { ModuleMapLoaderModule } from "@nguniversal/module-map-ngfactory-loader";
import { AppComponent } from "./app.component";
import { AppModule } from "./app.module";

@NgModule({
imports: [
    AppModule,
    ServerModule,
    ModuleMapLoaderModule
],
bootstrap: [AppComponent]
})
export class AppServerModule { }

主服务器.ts

export { AppServerModule } from "./app/app.server.module";

我创建了tsconfig.server.json包含以下代码

{
 "extends": "./tsconfig.json",
  "compilerOptions": {
  "outDir": "./out-tsc/app",
   "types": [],
   "module": "commonjs",
},
 "files": [
 "src/main.ts",
  "src/polyfills.ts"
],
"include": [
"src/**/*.d.ts"
],
 "angularCompilerOptions": {
"entryModule": "src/app/app.server.module#AppServerModule"
}
}

在 angular.json 添加代码

  "server": {
      "builder": "@angular-devkit/build-angular:server",
      "options": {
        "outputPath": "dist/server",
        "main": "src/main.server.ts",
        "tsConfig": "tsconfig.server.json"
      }
    },

标签： angulartypescript

Answer 1

您还可以尝试.ts在 tsconfig 中包含所有文件（现在您包含两个文件和所有.d.ts文件）：

"include": [
  "src/**/*.ts"
],