'CKEditor not rendering on Deploy

I installed CKEditor in my Django blog app and all worked fine in development.

Once I deployed through Heroku the text editor window has disappeared from both the admin panel and the client front end, showing these errors in the console:

Console Error Messages

I have it in installed apps in settings.py

My configs are

CKEDITOR_CONFIGS = {
    'default': {
        'width': 'auto',
            },
        }

Static Files are set as:

STATIC_URL = "/static/"
STATICFILES_STORAGE = (
    "cloudinary_storage.storage.StaticHashedCloudinaryStorage"
)
STATICFILES_DIRS = [os.path.join(BASE_DIR, "static")]
STATIC_ROOT = os.path.join(BASE_DIR, "staticfiles")

MEDIA_URL = "/media/"
DEFAULT_FILE_STORAGE = "cloudinary_storage.storage.MediaCloudinaryStorage"

CKEDITOR_BASEPATH = "/static/ckeditor/ckeditor/"
CKEDITOR_UPLOAD_PATH = "/media/"

And I have path("ckeditor/", include('ckeditor_uploader.urls')), set up in my urls.py

It has also been imported into my models.py, I have it in my requirements.txt and I have ran the collectstatic command.

Any suggestions please?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source