NVC dxDataGrid按钮列导致编译器错误

我对NVC研究现有解决方案非常陌生。我们正在使用dxDataGrid，并且我尝试添加带有自定义按钮的列。我使用以下文档作为参考：

https://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxDataGrid/Configuration/columns/buttons/

和

https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/CommandColumnCustomization/jQuery/Light/

网格的现有实现如下：

             $(function () {
                $("#branchDataGrid")
                    .dxDataGrid({
                        dataSource: {
                            store: dxMvcStore({
                                key: "ID",
                            })
                        },
                        showBorders: true,
                        noDataText: "No Branch Selected",
                        editing: {
                            mode: "batch",
                            allowAdding: false,
                            allowUpdating: true,
                            allowDeleting: true
                        },
                        paging: { enabled: true, pageSize: 10 },
                        showRowLines: true,
                        sorting: { mode: "none" },
                        columns: [
                            {
                                dataField: "Name",
                                caption: "Branch/Division Name",
                                validationRules: [{ type: "required" }]
                            },
                            {
                                dataField: "Code",
                                caption: "Code",
                                validationRules: [{ type: "required" }]
                            },
                            {
                                dataField: "ExternalCode",
                                caption: "External Code",
                                validationRules: [{ type: "required" }]
                            },
                            {
                                dataField: "OrderExchangeabilityTimeoutDays",
                                caption: "Return Window (days)",
                                dataType: "number",
                                editorOptions: {
                                    format: "#",
                                    min: 1,
                                },
                            },
                            {
                                dataField: "CollectionRequestMonthlyLimit",
                                caption: "Monthly Collection Limit",
                                dataType: "number",
                                editorOptions: {
                                    format: "#",
                                    min: 1,
                                },
                                validationRules: [{ type: "required" }]
                            },
                        ],
                        onInitialized: e => {
                            self.companiesNodeDataGrid = e.component as DevExpress.ui.dxDataGrid;
                        },
                        onRowExpanding: e => {
                            // Only show one detail view at a time.
                            self.companiesNodeDataGrid.collapseAll(-1);
                        },
                        onRowInserting: e => {
                            //  self.saveCompanyResult(e, true);
                        },
                        onRowUpdating: e => {
                            //     self.saveCompanyResult(e, false);
                        }
                    }).dxDataGrid("instance");
            });

我试图用文档中所示的按钮添加我的专栏。这是一个片段：

                  columns: [
                            {
                                type: "buttons",
                                buttons: [{
                                   name: "save",
                                   cssClass: "my-class"
                                }]
                            },
                            {
                                dataField: "Name",
                                caption: "Branch/Division Name",
                                validationRules: [{ type: "required" }]
                            },
                            {
                                dataField: "Code",
                                caption: "Code",
                                validationRules: [{ type: "required" }]
                            },
                            {
                                dataField: "ExternalCode",
                                caption: "External Code",
                                validationRules: [{ type: "required" }]
                            },
                            {
                                dataField: "OrderExchangeabilityTimeoutDays",
                                caption: "Return Window (days)",
                                dataType: "number",
                                editorOptions: {
                                    format: "#",
                                    min: 1,
                                },
                            },
                            {
                                dataField: "CollectionRequestMonthlyLimit",
                                caption: "Monthly Collection Limit",
                                dataType: "number",
                                editorOptions: {
                                    format: "#",
                                    min: 1,
                                },
                                validationRules: [{ type: "required" }]
                            },
                        ]

问题是我在显示“ type：“ buttons”的行中遇到编译器错误。请参见以下屏幕截图以供参考：

我已经进行了一些搜索，但似乎找不到任何具有类似问题的帖子。如果有人可以向我提出建议，在哪里寻找解决方案，或者指出我做错了什么，我将不胜感激。