Editor is not working because of app.js

[unisharp]

Editor is not working because of app.js

[molsov]

This issue is because of the "defer" in

<!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>

removing the "defer" will solve the problem

[ctujare]

why is not working for me ?
i have removed "defer"

With "differ" my issue solved. but please let me know what this "differ" is use for?

defer is a boolean attribute that specifies whether the page should finish parsing before the script is executed. It is only for external scripts.

Ok looking at the code it Seems CKEDITOR.replace is running way before the page finishes loading ... so i went old school and added a onload="loadjs()" to the body take and moved CKEDITOR.replace inside that function .... It worked seemlessly without causing #app to cause another error...

Hope this would help someone....

[israrzaib199]

With "differ" my issue solved. but please let me know what this "differ" is use for?

[markrobtownsend]

I removed "defer" i have an other issue app.js give this error " app.js:37794 [Vue warn]: Cannot find element: #app
what's meaning of this is it necessary ???

If you want to delete defer, it will execute the script as soon as it comes across it in the code. If you have placed it before the <div id="app"></div> tag closes, it will try and find the element and it won't be there.

To get around this, just move the script to the end of your body element. That's what I did and all has worked fine. On top of this, I can also use the NodeJS compiler without any issues.

[codename11]

I removed "defer" i have an other issue app.js give this error " app.js:37794 [Vue warn]: Cannot find element: #app
what's meaning of this is it necessary ???

If you want to delete defer, it will execute the script as soon as it comes across it in the code. If you have placed it before the <div id="app"></div> tag closes, it will try and find the element and it won't be there.

To get around this, just move the script to the end of your body element. That's what I did and all has worked fine. On top of this, I can also use the NodeJS compiler without any issues.

And i would like to add:

<script src="{{ asset('js/app.js') }}"></script>
    
    <script src="/ckeditor/ckeditor.js"></script>
    <script defer>
        if(document.getElementById("ckeditor")){
            CKEDITOR.replace("ckeditor");
        }
    </script>

just before ckeditor

[sajjadalis]

It seems Vue.js is causing issue.
Commenting out Vue stuff in "/resources/js/app.js" fixed this issue.

[sajjadalis]

Yes.. "defer" was the reason. Thank you.

[serban-alexandru]

With "differ" my issue solved. but please let me know what this "differ" is use for?

It worked for me! ty @israrzaib199 !

[StudioAleph]

I removed "defer" i have an other issue app.js give this error " app.js:37608 [Vue warn]: Cannot find element: #app "
what's meaning of this ?

[RifkiCS29]

why is not working for me ?
i have removed "defer"

[markrobtownsend]

why is not working for me ?
i have removed "defer"

With "differ" my issue solved. but please let me know what this "differ" is use for?

defer is a boolean attribute that specifies whether the page should finish parsing before the script is executed. It is only for external scripts.

[markrobtownsend]

why is not working for me ?
i have removed "defer"

Try moving the script to the bottom of the body tag to ensure that the page has loaded before the script is executed.

[iamnotstatic]

I removed "defer" i have an other issue app.js give this error " app.js:37794 [Vue warn]: Cannot find element: #app
what's meaning of this is it necessary ???

[Buba-Conteh]

This issue is because of the "defer" in

<!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>

removing the "defer" will solve the problem

thanks a lot it worked for me but my vue is not working now