尝试在Angular中为Google图表创建新的DataTable时无法识别google.visialization类

Question

我在Angular 7项目中安装了以下库。

  

$ npm安装angular-google-charts

我可以正确使用包装器，但是在某个时候，我注意到了一些错误，并希望为图表创建新的侦听器。因此，我决定回到基础知识，并使用不带角包的Google图表库。

我在node_modules中有google.visualization目录，该目录与角度包装一起安装。 当我在组件中键入以下代码时，下一行不会在VS Code中显示任何错误； google.visualization被识别。

import { GoogleChartComponent } from 'angular-google-charts';
...
let data = new google.visualization.DataTable();

但是，当我运行服务器时，该图没有显示，并且在Chrome调试器中出现以下错误：

  

错误ReferenceError：未定义google

尽管google.visualization库可以被VS代码识别，但是当我编译和运行该库时，它不包含在项目或组件中。

如何将其包含在特定的组件或模块中？

我尝试从目录中导入所需的类，但是不接受'@ types / google.visualization / index'。它说它不是一个模块。

当我将这些行放在标题中时，它确实起作用：

<script type="text/javascript" 
src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
  google.charts.load('current', {packages: ['corechart']});
  google.charts.setOnLoadCallback(drawChart);
</script>

但是我试图不将库包含在标题中。