使用 Rails + Webpacker + Typescript + Angular 包含材料设计时库代码中的语法错误

Question

在我的 rails 应用程序中，我在一个可能由 webpacker 生成的巨大 js 文件中的某处遇到语法错误。但它似乎是某种 angular/material 代码。如果我不包括 material 设计，错误就会消失，所以它似乎与 material 设计有关。这是导致语法错误的部分：

function instantiateSupportedAnimationDriver() {
  return !(function webpackMissingModule() { var e = new Error("Cannot find module '@angular/animations/browser'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())() ? new !(function webpackMissingModule() { var e = new Error("Cannot find module '@angular/animations/browser'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())() : new !(function webpackMissingModule() { var e = new Error("Cannot find module '@angular/animations/browser'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())();
}

请注意，告诉我如何修复语法错误对我没有帮助。这段代码不在我的控制之下，我不知道如何有效地修补它。此外，这是一段经常使用的代码，我怀疑它有语法错误，可能是管道中的某些地方不正确。

一些背景信息：我可能没有掌握所有的技巧。我正在尝试组合 Rails + Webpacker + Typescript + Angular + Material 工作。这很棘手，我在网上找不到任何有用的东西，而且我似乎是第一个这样做的人。我看到了一些制作 api-only rails 应用程序的建议，但我不喜欢那样...

Answer 1

我从来没有真正弄清楚为什么这会导致一个看似无关的文件出现语法错误，但我收到了一些 "unmet peer dependency" 警告，当我修复它们后，它就消失了。