Using document editor in plain javascript and HTML get javascript errors

[sk]

I am trying to use EJ2 component in my plain vanilla javascript project. No typescript or react . Just include css files and js files.

If I Include the entire EJ2 file - ie. ej2.min.js it works fine.

            <script type="text/javascript" src="ej2.min.js"></script>

 but when I try including only required components, I keep getting javascript errors.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

-- Here are the list of  javascript errors

chart.js:420 Uncaught TypeError: Cannot read property 'Chart' of undefined

    at chart.js:420

    at chart.js:420

(anonymous) @ chart.js:420

(anonymous) @ chart.js:420

enum.js:6 Uncaught TypeError: Cannot read property 'PathOption' of undefined

    at enum.js:6

    at enum.js:6

sidebar.js:728 Uncaught TypeError: Cannot read property 'getZindexPartial' of undefined

    at i.initialize (sidebar.js:728)

    at i.n.render (sidebar.js:728)

    at i.r.appendTo (sanitize-helper.js:189)

    at i.r [as constructor] (sanitize-helper.js:189)

    at i.n [as constructor] (sidebar.js:728)

    at new i (sidebar.js:728)

    at e.initContextMenu (constants.js:52)

    at new e (constants.js:52)

    at r (sanitize-helper.js:189)

    at e.inject (sanitize-helper.js:189)

Any suggestions?

Thank you

[Kurthis Banu Abdul Majeeth]

Hi sampurnima,   

Currently, we are checking your reported issue. We will update further details by July 8,2021. 

Regards, 

Kurthis Banu A. 

[Kurthis Banu Abdul Majeeth]

Hi sampurnima,  

We have cross checked your reported issue. We are recommended to use like below example. Kindly refer the below sample to resolve your reported issue. 

Sample Link: 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/Javascript-2001970168 

Regards, 

Kurthis Banu A.