Таблица данных Jquery с Angular 4+

Question

Я пытаюсь использовать функцию кнопки, где таблица данных jquery показывает экспорт в Excel, печать и так далее. до сих пор я добавил все ссылки на свой проект в соответствии с документацией таблицы данных jquery, но мое требование не выполнено, вот ошибка, которую я получаю

ERROR in src/app/components/reports/mi-ra-sc-byc-report/mi-ra-sc-byc- 
report.component.ts(167,10): error TS2345: Argument of type '{ buttons: 
string[]; }' is not assignable to parameter of type 'Settings'.
Object literal may only specify known properties, and 'buttons' does not 
exist 
in type 'Settings'.

вот мой код в HTML

  $('#reporttable').DataTable( {
     buttons: [
        'copy', 'excel', 'pdf'
     ]
} );

вот мой скрипт в html

 <script src="//code.jquery.com/jquery-3.3.1.js"></script>
 <script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"> 
 </script>
 <script 
  src="//cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"> 
 </script>
 <script src="//cdn.datatables.net/buttons/1.5.6/js/buttons.flash.min.js"> 
 </script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"> 
 </script>
 <script 
  src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"> 
 </script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"> 
</script>
<script src="//cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"> 
</script>
<script src="//cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"> 
</script>
<link rel="stylesheet" 
 href="//cdn.datatables.net/buttons/1.5.2/css/buttons.dataTables.min.css">
<link rel="stylesheet" href="//infra.clarin.eu/content/libs/DataTables- 
 1.10.4/extensions/ColVis/css/dataTables.colVis.css">

пожалуйста, дайте мне знать, что я делаю, не могу