angular - 如何修复 : Error: Angular structure loaded both synchronously and asynchronously

Question

我刚刚将我的 Angular 6 项目升级到了 Angular 11。这个项目已经实现了 SSR，这是问题所在。
当我跑 ng run myapp:server我收到此错误:

✔ Server application bundle generation complete.

Initial Chunk Files | Names         |    Size
main.js             | main          | 4.06 kB

                    | Initial Total | 4.06 kB

Build at: 2021-04-22T14:02:16.388Z - Hash: 2a6aaefe9d15b8a7dedc - Time: 4907ms

Error: Angular structure loaded both synchronously and asynchronously

在我的 angular.json我有这个代码:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "myapp": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "server": {
          "builder": "@angular-devkit/build-angular:server",
          "options": {
            "outputPath": "dist/server",
            "main": "server.ts",
            "tsConfig": "src/tsconfig.server.json"
          }
        },
  // ...
}

知道我应该在哪里检查，更新一些东西吗？

Answer 1

我有树时间同样的错误，
1:库错误导入
首先，这是因为我正在创建一个库，而这个库的一个组件没有从 导入其他模块。同一个图书馆与相对路径。

import { aModule } from '@my-lib/a.module.ts' // wrong

import { aModule } from '../../a.module.ts' // correct

2:缺少依赖
我的一个库确实强制导入了一些依赖项。其中之一是 @videogular/ngx-videogular截至今天，它只接受 angular v11，但我使用的是 angular v12。
我知道它确实适用于 angular v12，为了解决这个问题，我不得不使用以下 npm i @videogular/ngx-videogular --force 强制安装
3 : enableIvy: true如果您使用的依赖项确实使用了 enableIvy: true在他们的 tsconfig.lib.prod.json那么你还必须在你自己的项目中启用ivy。不这样做会产生这个错误。
此外，如果您确实添加了一个依赖项，而其他依赖项没有，您也会遇到相同的错误。因此，如果您在更新某些外部库后确实遇到了此错误，请控制它们是否启用了 ivy 并转到未启用的旧版本。