JSON.parse error when loading report?

Stimulsoft Dashboards.JS discussion
Post Reply
nickdavies07
Posts: 28
Joined: Fri Jul 17, 2020 2:19 pm

JSON.parse error when loading report?

Post by nickdavies07 »

Hi

I'm getting the following error message when I try to load my report via Vue using the example on your GitHub page:

Code: Select all

JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
The JSON I have for the report is perfectly valid and works if I use loadFile() and pass the JSON in as a .mrt file but not as actual json?

I've checked with https://jsonlint.com/ the validity of the JSON and it is perfectly fine.

This is the JSON...

Code: Select all

{
   "ReportGuid": "cb61d3b2376c9da469d0f43c35aab760",
   "ReportName": "Residents_by_Gender",
   "ReportAlias": "Residents",
   "ReportFile": "Shapes.mrt",
   "ReportAuthor": "Nick Davies",
   "ReportDescription": "Shows a list of residents details",
   "ReportCreated": "/Date(0+0100)/",
   "ReportChanged": "/Date(0+0100)/",
   "EngineVersion": "EngineV2",
   "CalculationMode": "Interpretation",
   "ReportUnit": "HundredthsOfInch",
   "PreviewSettings": 268435455,
   "Styles": {
     "0": {
       "Ident": "StiStyle",
       "CollectionName": "Green",
       "Name": "Green1",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:115,172,142",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "1": {
       "Ident": "StiStyle",
       "CollectionName": "Green",
       "Name": "Green2",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:97,129,112",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "2": {
       "Ident": "StiStyle",
       "CollectionName": "Green",
       "Name": "Green3",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:37,112,72",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "3": {
       "Ident": "StiStyle",
       "CollectionName": "Green",
       "Name": "Green4",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:160,214,185",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "4": {
       "Ident": "StiStyle",
       "CollectionName": "Green",
       "Name": "Green5",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:175,214,193",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "5": {
       "Ident": "StiStyle",
       "CollectionName": "Red",
       "Name": "Red1",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:201,63,66",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "6": {
       "Ident": "StiStyle",
       "CollectionName": "Red",
       "Name": "Red2",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:151,73,75",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "7": {
       "Ident": "StiStyle",
       "CollectionName": "Red",
       "Name": "Red3",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:131,20,23",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "8": {
       "Ident": "StiStyle",
       "CollectionName": "Red",
       "Name": "Red4",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:228,111,114",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "9": {
       "Ident": "StiStyle",
       "CollectionName": "Red",
       "Name": "Red5",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:228,142,144",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "10": {
       "Ident": "StiStyle",
       "CollectionName": "Yellow",
       "Name": "Yellow1",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:226,189,90",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "11": {
       "Ident": "StiStyle",
       "CollectionName": "Yellow",
       "Name": "Yellow2",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:170,149,93",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "12": {
       "Ident": "StiStyle",
       "CollectionName": "Yellow",
       "Name": "Yellow3",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:147,115,29",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "13": {
       "Ident": "StiStyle",
       "CollectionName": "Yellow",
       "Name": "Yellow4",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:241,211,132",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "14": {
       "Ident": "StiStyle",
       "CollectionName": "Yellow",
       "Name": "Yellow5",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:241,219,161",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "15": {
       "Ident": "StiStyle",
       "CollectionName": "Blue",
       "Name": "Blue1",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:68,160,208",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "16": {
       "Ident": "StiStyle",
       "CollectionName": "Blue",
       "Name": "Blue2",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:77,128,156",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "17": {
       "Ident": "StiStyle",
       "CollectionName": "Blue",
       "Name": "Blue3",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:22,96,135",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "18": {
       "Ident": "StiStyle",
       "CollectionName": "Blue",
       "Name": "Blue4",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:115,191,232",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "19": {
       "Ident": "StiStyle",
       "CollectionName": "Blue",
       "Name": "Blue5",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:146,202,232",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "20": {
       "Ident": "StiStyle",
       "CollectionName": "Violet",
       "Name": "Violet1",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:147,119,175",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "21": {
       "Ident": "StiStyle",
       "CollectionName": "Violet",
       "Name": "Violet2",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:115,100,131",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "22": {
       "Ident": "StiStyle",
       "CollectionName": "Violet",
       "Name": "Violet3",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:76,39,114",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "23": {
       "Ident": "StiStyle",
       "CollectionName": "Violet",
       "Name": "Violet4",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:189,163,215",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "24": {
       "Ident": "StiStyle",
       "CollectionName": "Violet",
       "Name": "Violet5",
       "VertAlignment": "Center",
       "Font": "Segoe UI;9.75;;",
       "Border": ";182,182,182;;;;;;solid:Black",
       "Brush": "solid:196,177,215",
       "TextBrush": "solid:White",
       "NegativeTextBrush": "solid:Red",
       "AllowUseFont": false,
       "AllowUseBorderFormatting": false,
       "AllowUseBorderSides": false
     },
     "25": {
       "Ident": "StiStyle",
       "Name": "Header2",
       "HorAlignment": "Center",
       "VertAlignment": "Center",
       "Font": "Segoe UI;21.75;Bold;",
       "Border": "Bottom;158,158,158;;;;;;solid:Black",
       "Brush": "solid:",
       "TextBrush": "solid:158,158,158",
       "NegativeTextBrush": "solid:Red"
     },
     "26": {
       "Ident": "StiStyle",
       "Name": "Footer",
       "Font": "Segoe UI;9.75;;",
       "Border": ";58,78,94;;;;;;solid:Black",
       "Brush": "solid:",
       "TextBrush": "solid:158,158,158",
       "NegativeTextBrush": "solid:Red"
     }
   },
   "Dictionary": {
     "DataSources": {
       "0": {
         "Ident": "StiDataTableSource",
         "Name": "root",
         "Alias": "root",
         "Columns": {
           "0": {
             "Name": "project_type",
             "Index": -1,
             "NameInSource": "project_type",
             "Alias": "project_type",
             "Type": "System.String"
           },
           "1": {
             "Name": "Resident_Name",
             "Index": -1,
             "NameInSource": "Resident_Name",
             "Alias": "Resident_Name",
             "Type": "System.String"
           },
           "2": {
             "Name": "Resident_Description",
             "Index": -1,
             "NameInSource": "Resident_Description",
             "Alias": "Resident_Description",
             "Type": "System.String"
           },
           "3": {
             "Name": "Resident_Gender",
             "Index": -1,
             "NameInSource": "Resident_Gender",
             "Alias": "Resident_Gender",
             "Type": "System.String"
           },
           "4": {
             "Name": "Resident_Education",
             "Index": -1,
             "NameInSource": "Resident_Education",
             "Alias": "Resident_Education",
             "Type": "System.String"
           },
           "5": {
             "Name": "Resident_Legal_Status",
             "Index": -1,
             "NameInSource": "Resident_Legal_Status",
             "Alias": "Resident_Legal_Status",
             "Type": "System.String"
           },
           "6": {
             "Name": "Resident_Admission_Date",
             "Index": -1,
             "NameInSource": "Resident_Admission_Date",
             "Alias": "Resident_Admission_Date",
             "Type": "System.String"
           },
           "7": {
             "Name": "Resident_Leaving_Date",
             "Index": -1,
             "NameInSource": "Resident_Leaving_Date",
             "Alias": "Resident_Leaving_Date",
             "Type": "System.String"
           },
           "8": {
             "Name": "Resident_Status",
             "Index": -1,
             "NameInSource": "Resident_Status",
             "Alias": "Resident_Status",
             "Type": "System.String"
           }
         },
         "NameInSource": "ResidentSummary.root"
       }
     }
   },
   "Pages": {
     "0": {
       "Ident": "StiPage",
       "Name": "Page1",
       "Guid": "6f2b2cabb01546738f4e441fd2de86dc",
       "Interaction": {
         "Ident": "StiInteraction"
       },
       "Border": ";;2;;;;;solid:Black",
       "Brush": "solid:",
       "Components": {
         "0": {
           "Ident": "StiPageFooterBand",
           "Name": "PageFooterBand1",
           "Guid": "88310e77518043bc9e4b0fac9aa4c91d",
           "ClientRectangle": "0,729,1091,20",
           "Interaction": {
             "Ident": "StiInteraction"
           },
           "Border": ";;;;;;;solid:Black",
           "Brush": "solid:",
           "Components": {
             "0": {
               "Ident": "StiText",
               "Name": "Text6",
               "Guid": "27df6ecd8ec849c2bb2653dcbf60a510",
               "ClientRectangle": "0,0,749,20",
               "ComponentStyle": "Footer",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "{PageNofM}"
               },
               "HorAlignment": "Right",
               "VertAlignment": "Center",
               "Font": "Segoe UI;9.75;;",
               "Border": ";58,78,94;;;;;;solid:Black",
               "Brush": "solid:",
               "TextBrush": "solid:158,158,158"
             }
           }
         },
         "1": {
           "Ident": "StiReportTitleBand",
           "Name": "ReportTitleBand2",
           "Guid": "1127d071d9be434e80a3ea6e1dbf542e",
           "ClientRectangle": "0,20,1091,60",
           "Interaction": {
             "Ident": "StiInteraction"
           },
           "Border": ";;;;;;;solid:Black",
           "Brush": "solid:",
           "Components": {
             "0": {
               "Ident": "StiText",
               "Name": "Text23",
               "Guid": "df68c258ca7841dc8a0ac5641b5a28b9",
               "ClientRectangle": "0,0,400,40",
               "ComponentStyle": "Header2",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "<font face=\"Segoe UI Semibold\" color=\"#262626\"><font size=\"16\">Residents by Gender</font></font>"
               },
               "VertAlignment": "Center",
               "Font": "Segoe UI;21.75;Bold;",
               "Border": "Bottom;158,158,158;;;;;;solid:Black",
               "Brush": "solid:",
               "TextBrush": "solid:158,158,158",
               "TextQuality": "Wysiwyg",
               "AllowHtmlTags": true,
               "Type": "Expression"
             },
             "1": {
               "Ident": "StiText",
               "Name": "Text18",
               "Guid": "8499eda182e74a5ab2015fdf8af8b4a7",
               "CanGrow": true,
               "ClientRectangle": "570,10,179,20",
               "ComponentStyle": "Footer",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "Generated on: {Today.ToString(\"Y\")}"
               },
               "HorAlignment": "Right",
               "Font": "Segoe UI;9.75;;",
               "Border": ";58,78,94;;;;;;solid:Black",
               "Brush": "solid:",
               "TextBrush": "solid:158,158,158",
               "TextOptions": {
                 "WordWrap": true
               },
               "Type": "Expression"
             }
           }
         },
         "2": {
           "Ident": "StiTable",
           "Name": "Tableroot",
           "ClientRectangle": "0,120,1091,30",
           "Interaction": {
             "Ident": "StiBandInteraction"
           },
           "Border": ";;;;;;;solid:Black",
           "Brush": "solid:",
           "Components": {
             "0": {
               "Ident": "StiTableCell",
               "Name": "Tableroot_Cell1",
               "Guid": "8f531a88c695c74aefcfbe1d9dcc75d0",
               "ClientRectangle": "0,0,181.83,30",
               "Restrictions": "AllowMove, AllowSelect, AllowChange",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "{root.Resident_Name}"
               },
               "Border": "All;105,105,105;;;;;;solid:105,105,105",
               "Brush": "solid:",
               "TextBrush": "solid:Black",
               "ID": 0
             },
             "1": {
               "Ident": "StiTableCell",
               "Name": "Tableroot_Cell2",
               "Guid": "331675619565ac6e6ad97a863b168f6c",
               "ClientRectangle": "181.83,0,181.83,30",
               "Restrictions": "AllowMove, AllowSelect, AllowChange",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "{root.Resident_Gender}"
               },
               "Border": "All;105,105,105;;;;;;solid:105,105,105",
               "Brush": "solid:",
               "TextBrush": "solid:Black",
               "ID": 1
             },
             "2": {
               "Ident": "StiTableCell",
               "Name": "Tableroot_Cell3",
               "Guid": "5cea82afd91a8f4a5a819c2b68167e7d",
               "ClientRectangle": "363.67,0,181.83,30",
               "Restrictions": "AllowMove, AllowSelect, AllowChange",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "{root.Resident_Education}"
               },
               "Border": "All;105,105,105;;;;;;solid:105,105,105",
               "Brush": "solid:",
               "TextBrush": "solid:Black",
               "ID": 2
             },
             "3": {
               "Ident": "StiTableCell",
               "Name": "Tableroot_Cell4",
               "Guid": "35940b6bbbb3f900766f0659a5af81f5",
               "ClientRectangle": "545.5,0,181.83,30",
               "Restrictions": "AllowMove, AllowSelect, AllowChange",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "{root.Resident_Admission_Date}"
               },
               "Border": "All;105,105,105;;;;;;solid:105,105,105",
               "Brush": "solid:",
               "TextBrush": "solid:Black",
               "ID": 3
             },
             "4": {
               "Ident": "StiTableCell",
               "Name": "Tableroot_Cell5",
               "Guid": "6352b9035702d1621a7426e7450e5f0a",
               "ClientRectangle": "727.33,0,181.83,30",
               "Restrictions": "AllowMove, AllowSelect, AllowChange",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "{root.Resident_Leaving_Date}"
               },
               "Border": "All;105,105,105;;;;;;solid:105,105,105",
               "Brush": "solid:",
               "TextBrush": "solid:Black",
               "ID": 4
             },
             "5": {
               "Ident": "StiTableCell",
               "Name": "Tableroot_Cell6",
               "Guid": "511297d139a062b6e3f1af97ae96dcda",
               "ClientRectangle": "909.17,0,181.83,30",
               "Restrictions": "AllowMove, AllowSelect, AllowChange",
               "Interaction": {
                 "Ident": "StiInteraction"
               },
               "Text": {
                 "Value": "{root.Resident_Status}"
               },
               "Border": "All;105,105,105;;;;;;solid:105,105,105",
               "Brush": "solid:",
               "TextBrush": "solid:Black",
               "ID": 5
             }
           },
           "MinHeight": 10,
           "DataSourceName": "root",
           "RowCount": 1,
           "ColumnCount": 6,
           "NumberID": 6
         }
       },
       "PaperSize": "A4",
       "Orientation": "Landscape",
       "PageWidth": 1169,
       "PageHeight": 827,
       "Watermark": {
         "TextBrush": "solid:50,0,0,0"
       }
     }
   }
 }
Lech Kulikowski
Posts: 6197
Joined: Tue Mar 20, 2018 5:34 am

Re: JSON.parse error when loading report?

Post by Lech Kulikowski »

Hello,

We couldn't reproduce the issue.

Please clarify how do you load the report?

Thank you.
Attachments
Annotation 2020-07-19 093640.png
Annotation 2020-07-19 093640.png (528.5 KiB) Viewed 2995 times
nickdavies07
Posts: 28
Joined: Fri Jul 17, 2020 2:19 pm

Re: JSON.parse error when loading report?

Post by nickdavies07 »

Hi

I’m loading this JSON from a text field in a database. I’m loading this using the load() method in Vue.

My Vue file is as follows:

Code: Select all


<template>
  <div id="app">
    <div>
      <h2>Reports</h2>
      <div id="viewer"></div>
    </div>
  </div>
</template>

<script>

import axios from 'axios'

export default {
  name: 'app',
  data () {
    return {
      definition: ''
    }
  },
  mounted: function() {
  
    let response = axios.get('/reports/view/1')
    
    this.definition = response['data'].report.definition
    
    var viewer = new window.Stimulsoft.Viewer.StiViewer(null, 'StiViewer', false);
    
    var report = new window.Stimulsoft.Report.StiReport();

    report.load(this.definition);

    viewer.report = report;

    viewer.renderHtml('viewer');
  }
}
</script>

<style>

</style>

If I swap out the load() method to the loadFile method and paste in the exact same JSON into a .mrt file then load this, this loads fine though with the same code?
Lech Kulikowski
Posts: 6197
Joined: Tue Mar 20, 2018 5:34 am

Re: JSON.parse error when loading report?

Post by Lech Kulikowski »

Hello,

We couldn't reproduce the issue.

Please send us a sample project that reproduces the issue for analysis.

Thank you.
Post Reply