jsviewer添加按钮的问题，按照博客教程添加的显示不出来

https://gcdn.grapecity.com.cn/showtopic-83806-1-1.html
按照上述博客，

参考实现代码：

1. <div class="blockcode"><blockquote>  <script type="text/javascript">
   
2.         let viewer;      
   
3.         function loadViewer() {        
   
4.             var viewer = GrapeCity.ActiveReports.JSViewer.create({
   
5.                 element: '#viewerContainer',
   
6.                 reportID: 'Sqlserver多值参数报表1.rdlx',
   
7.                 //reportParameters: [{ name: 'P1', values: [1,2,3] }               
   
8.                 //],
   
9.                 reportService: {},
   
10.                 setting: {
    
11.                     ZoomType: 'fitpage'
    
12.                 }
    
13.             });
    
14.             pdfExportButton = {
    
15.                 key: 'pdfExternalExportButton',
    
16.                 iconCssClass: 'mdi mdi-file',
    
17.                 text: "PDF Export",
    
18.                 title: "PDF Export",
    
19.                 checked: true,
    
20.                 enabled: true,
    
21.                 action: function (item) {
    
22.                     var settings = { title: 'Invoice List', userPassword: 'user_Pwd' };
    
23.                     var cancelCallback = function () {
    
24.                         return false;
    
25.                     }
    
26.                     viewer.export('pdf', settings, { cancel: cancelCallback })
    
27.                         .then(result => result.download("Exported_PDF"));
    
28.                 }
    
29.             };           
    
30.             viewer.toolbar.desktop.addItem(pdfExportButton);         
    
31.         }               
    
32.     </script>  

复制代码

图是我自己的代码