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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
Essential JS2

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

Error in getting started procedure

Thread ID:





142032 Jan 16,2019 06:02 AM UTC Jan 16,2019 08:36 AM UTC jQuery 1
Tags: ejDocumentEditor
john rod
Asked On January 16, 2019 06:02 AM UTC

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 [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.  

Mugunthan A 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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.Close Icon

Live Chat Icon For mobile
Live Chat Icon