We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).

Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Try Essential JS 2

Try Essential JS 2

Error in getting started procedure

Thread ID:	Created:	Updated:	Platform:	Replies:
142032	Jan 16,2019 06:02 AM UTC	Jan 16,2019 08:36 AM UTC	jQuery	1

Subscribe to this post

Tags: ejDocumentEditor

john rod

Asked On January 16, 2019 06:02 AM UTC

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

Reply | Reply with quote

Mugunthan Anbalagan [Syncfusion]

Replied On January 16, 2019 08:36 AM UTC

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

Reply | Reply with quote

| |

CONTACT US

| |

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.