ng build消息"ERROR in Cannot read property 'toLowerCase‘of undefined“(无法读取未定义的属性’toLowerCase‘时出错)

Question

我正在使用Azure DevOps YAML管道来构建/部署我的Angular 9应用程序。YAML包含一个用于构建它的Powershell脚本，如下所示

- powershell: |
    $angularBuildConfiguration = "MyBuildConfig";

    write-host "ng-build start";
    ng build --prod --aot --configuration $angularBuildConfiguration;
    write-host "ng-build end";

  workingDirectory: '$(Build.SourcesDirectory)\...'
  displayName: 'Build app - Angular app'

上面的代码通过了Angular构建，最后返回消息"ERROR in Cannot read property 'toLowerCase‘of undefined“。

我已经验证了workingDirectory和angularBuildConfiguration参数是否具有预期的值-我还将它们替换为硬编码的值，并得到相同的结果。如果我在构建服务器( YAML脚本实际在其上运行)上运行上面的Powershell脚本，在预期的文件夹中，构建将失败，并显示相同的错误消息，但是如果我在本地计算机上使用相同的脚本进行构建，则构建成功

我不知道这是一个ng构建问题，还是在我的Angular 9项目中有什么东西导致了这个错误--错误消息中没有标记出‘相关’文件

有谁有什么想法吗？

Answer 1

这确实是随机的-- toLowerCase消息并没有引用任何javascript/typescript代码--它一定是一条内部消息。我唯一可以通过消除过程来找出问题所在的方法--即一次一批地取出网页，直到我得到一个干净的prod编译--然后重新工作，包括一个接一个地找到罪魁祸首。

有一种风格导致了这个问题--我们替换了以下代码

.gridlines-left {
  border: 1px solid #c0c0c0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}

...with

.gridlines-left {
  border: 1px solid #c0c0c0;
  border-right-style: none;
  border-top-style: none;
  border-bottom-style: none;
}

...and编译已成功运行。我仍然不知道如何/为什么，因为我们有很多其他样式非常相似，并使用相同的策略设置边框-右/左/底部/顶部宽度:0-这可能与我们如何组合css类有关-某些样式可能会在编译时与其他样式冲突-谁知道现在所有样式都工作得很好，从那以后就没有问题了

Answer 2

将字符串变量转换为小写时，代码库中存在错误。简单地说，它试图将未定义的或假的值转换为小写。

要使用大小写JavaScript内置函数，变量应为TRUE值。

所以在代码库中搜索它，并像下面这样更新它。

If (variable) {
    variable = variable.toString().tolowercase();
}