I'm not too strong in this, so the error may be rather stupid, but if you specify me on her, I will be very grateful.[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'Designer')"
##TotalBalance.vue
Code: Select all
mounted: function() {
console.log('Loading Designer view');
console.log('Set full screen mode for the designer');
var options = new window.Stimulsoft.Designer.StiDesignerOptions();
options.appearance.fullScreenMode = false;
console.log('Create the report designer with specified options');
var designer = new window.Stimulsoft.Designer.StiDesigner(options, 'StiDesigner', false);
console.log('Create a new report instance');
console.log('Rendering the viewer to selected element');
designer.renderHtml('designerContent');
console.log('Loading completed successfully!');
}
Code: Select all
import 'stimulsoft-reports-js/Scripts/stimulsoft.reports.js'
import 'stimulsoft-reports-js/Scripts/stimulsoft.reports.js'
import 'stimulsoft-reports-js/Scripts/stimulsoft.designer.js'
import 'stimulsoft-reports-js/Scripts/stimulsoft.blockly.editor.js'
Code: Select all
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>budget-app</title>
<link rel="stylesheet" href="stimulsoft/stimulsoft.designer.office2013.whiteblue.css">
<link rel="stylesheet" href="stimulsoft/stimulsoft.viewer.office2013.whiteblue.css">
</head>
<body>
<noscript>
<strong>We're sorry but budget-app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>