角度构建-未定义的TypeError:无法读取未定义的属性'id‘

Question

我已经成功地将我的角度应用程序构建成了一个开发程序。我还没有把它作为一个生产构建来完成，因为它给了我一些错误，我只需要测试dev构建。

开发构建过程进行得很好，没有任何错误或任何东西。然后，我使用nginx容器中的dist文件夹中的文件来承载这些文件。

问题是，除了一个白色页面之外，什么都没有显示，在控制台中，我看到一个错误，上面写着'Uncaught TypeError:无法读取未定义的属性'id‘。下面的全部信息似乎没有指向我写过的任何东西，我花了几个小时在网上搜索，但在这个问题上找不到任何东西。

​

​

我尝试过一些不同的东西，比如运行'npx ngcc‘，我读过它，手动编译了一些东西。我是否可以获得更多关于这个错误的细节，看看是否我已经做了什么？

更新，因此我恢复了在main.ts中注释掉的行，如下面的注释所述。我也尝试过'ng build‘，这给我带来了一系列的错误，这些错误似乎都与使用的devextreme组件有关。我发现这很奇怪，因为我从github开始这个项目时使用了项目。

我收到这样的信息：

1. ‘’dx滚动视图不是有效的HTML元素‘
2. 'node_modules/devextreme-angular/ui/drawer.d.ts -错误:出现在NgModule.imports of SideNavOuterToolbarModule中，但无法解析为NgModule类‘

Answer 1

我设法通过禁用角度编译选项中的常春藤来解决这个问题。当我这样做的时候，它就成功地构建了开发版本和生产版本，并且现在在Nginx中运行得很好。

感谢每一个提供帮助的人:)

Answer 2

​

​

如果您进入devtools并单击源代码，“不要暂停异常”，并检查“捕捉到的期望上的暂停”，然后继续直到得到"id错误“，您将找到抛出错误的模块。在我的例子中，有一个名为‘ngx/ngx’的第三方库，它的模块是导致错误(CardModule)的原因。希望这至少有助于找出错误的原因。

​

​

Answer 3

在您的角项目的tsconfig.json中，将其用于禁用Ivy，这是新的角模板引擎

{
  ...
  "angularCompilerOptions": {
    "enableIvy": false
  }
}