Error in getting started procedure

[john rod]

Hello.

I am a user trying to test your DocumentEditor.

I wrote an example source in my Spring framework referring to documentEditor> Getting Started in syncfusion javascript (es5).

However, the following error was displayed on the console of my browser and the normal screen was not displayed.

document-editor-container.js:453 Uncaught TypeError: Cannot read property 'Component' of undefined

at document-editor-container.js:453

at document-editor-container.js:453

The same error is also displayed using the CDN link.

I'd like advice on how to fix it.

Attachment: syncfusion_error_4026e5e8.zip

[Mugunthan Anbalagan]

Hi John, 

Thank you for contacting Syncfusion support. 

We can reproduce the reported issue, and this error occurs due to DocumentEditor dependent scripts are not referred in sample side. 

So, please refer the below dependencies in your sample to fix this script error. 

Style dependencies  

<link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-base/styles/material.css" rel="stylesheet" type="text/css" /> 

    <link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-buttons/styles/material.css" rel="stylesheet" type="text/css" /> 

    <link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-inputs/styles/material.css" rel="stylesheet" type="text/css" /> 

    <link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-popups/styles/material.css" rel="stylesheet" type="text/css" /> 

    <link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-lists/styles/material.css" rel="stylesheet" type="text/css" /> 

    <link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-navigations/styles/material.css" rel="stylesheet" type="text/css" /> 

    <link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-splitbuttons/styles/material.css" rel="stylesheet" type="text/css" /> 

    <link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-dropdowns/styles/material.css" rel="stylesheet" type="text/css" /> 

    <link rel='nofollow' href="http://cdn.syncfusion.com/ej2/ej2-documenteditor/styles/material.css" rel="stylesheet" type="text/css" /> 

 

 

Script dependencies  

<script src="http://cdn.syncfusion.com/ej2/ej2-base/dist/global/ej2-base.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-file-utils/dist/global/ej2-file-utils.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-compression/dist/global/ej2-compression.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-buttons/dist/global/ej2-buttons.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-inputs/dist/global/ej2-inputs.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-popups/dist/global/ej2-popups.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-lists/dist/global/ej2-lists.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-data/dist/global/ej2-data.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-navigations/dist/global/ej2-navigations.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type="text/javascript"></script> 

    <script src="http://cdn.syncfusion.com/ej2/ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type="text/javascript"></script> 

 

 

We will update more details about our dependent scripts in online help documentation. The changes will reflect in online help documentation on January 29th, 2019.  

Regards, 

Mugunthan A