I've upgraded my previous 4.X test installation to the latest 5.0 beta 2 with developer tools as well.
When I enable DEV mode the whole website css breaks, it fails to load the css, with a error 500.
I was able to find out what was causing it, and it was some old developer tools files (from 4.X versions) that weren't removed during the upgrade.
Some details about the error
TypeError array_key_exists(): Argument #2 ($array) must be of type array, null given
Failed to load resource: the server responded with a status of 500 ()
https://www.xxxxx.xxxx/applications/core/interface/css/css.php?css=applications/core/dev/css/global/framework/1-1-reset.css,applications/core/dev/css/global/framework/1-2-settings.css,applications/core/dev/css/global/framework/1-3-variables.css,applications/core/dev/css/global/framework/1-4-colors.css,applications/core/dev/css/global/framework/1-5-global.css,applications/core/dev/css/global/framework/3-badges.css,applications/core/dev/css/global/framework/3-boxes.css,applications/core/dev/css/global/framework/3-buttons.css,applications/core/dev/css/global/framework/3-carousel.css,applications/core/dev/css/global/framework/3-color-scheme-changer.css,applications/core/dev/css/global/framework/3-compose.css,applications/core/dev/css/global/framework/3-cover-photo.css,applications/core/dev/css/global/framework/3-data-tables.css,applications/core/dev/css/global/framework/3-editor.css,applications/core/dev/css/global/framework/3-engagement.css,applications/core/dev/css/global/framework/3-entries.css,applications/core/dev/css/global/framework/3-forms.css,applications/core/dev/css/global/framework/3-grid.css,applications/core/dev/css/global/framework/3-hidden-animations.css,applications/core/dev/css/global/framework/3-iconpicker.css,applications/core/dev/css/global/framework/3-images.css,applications/core/dev/css/global/framework/3-inputs.css,applications/core/dev/css/global/framework/3-lightbox.css,applications/core/dev/css/global/framework/3-lists.css,applications/core/dev/css/global/framework/3-loading.css,applications/core/dev/css/global/framework/3-menus.css,applications/core/dev/css/global/framework/3-messages.css,applications/core/dev/css/global/framework/3-misc.css,applications/core/dev/css/global/framework/3-page-header.css,applications/core/dev/css/global/framework/3-pagination.css,applications/core/dev/css/global/framework/3-popup.css,applications/core/dev/css/global/framework/3-post-content.css,applications/core/dev/css/global/framework/3-posts.css,applications/core/dev/css/global/framework/3-prettify.css,applications/core/dev/css/global/framework/3-progress.css,applications/core/dev/css/global/framework/3-rating.css,applications/core/dev/css/global/framework/3-richtext.css,applications/core/dev/css/global/framework/3-social-icons.css,applications/core/dev/css/global/framework/3-step-bar.css,applications/core/dev/css/global/framework/3-streams.css,applications/core/dev/css/global/framework/3-tables.css,applications/core/dev/css/global/framework/3-tabs.css,applications/core/dev/css/global/framework/3-tags.css,applications/core/dev/css/global/framework/3-toolbox.css,applications/core/dev/css/global/framework/3-truncate.css,applications/core/dev/css/global/framework/3-typography.css,applications/core/dev/css/global/framework/4-breadcrumb.css,applications/core/dev/css/global/framework/4-footer.css,applications/core/dev/css/global/framework/4-global.css,applications/core/dev/css/global/framework/4-header.css,applications/core/dev/css/global/framework/4-layout.css,applications/core/dev/css/global/framework/4-mobile-footer.css,applications/core/dev/css/global/framework/4-navigation-panel.css,applications/core/dev/css/global/framework/4-offcanvas.css,applications/core/dev/css/global/framework/4-search-dialog.css,applications/core/dev/css/global/framework/4-width.css,applications/core/dev/css/global/framework/5-animation.css,applications/core/dev/css/global/framework/5-background.css,applications/core/dev/css/global/framework/5-basis.css,applications/core/dev/css/global/framework/5-border.css,applications/core/dev/css/global/framework/5-color.css,applications/core/dev/css/global/framework/5-flex-grid-gap.css,applications/core/dev/css/global/framework/5-margin.css,applications/core/dev/css/global/framework/5-opacity.css,applications/core/dev/css/global/framework/5-other.css,applications/core/dev/css/global/framework/5-padding.css,applications/core/dev/css/global/framework/5-responsive.css,applications/core/dev/css/global/framework/5-typography.css,applications/core/dev/css/global/framework/6-debug.css,applications/core/dev/css/global/framework/_vars.css,applications/core/dev/css/global/framework/animation.css,applications/core/dev/css/global/framework/badges.css,applications/core/dev/css/global/framework/blocks.css,applications/core/dev/css/global/framework/buttons.css,applications/core/dev/css/global/framework/cards.css,applications/core/dev/css/global/framework/comments.css,applications/core/dev/css/global/framework/compose.css,applications/core/dev/css/global/framework/data-lists.css,applications/core/dev/css/global/framework/engagement.css,applications/core/dev/css/global/framework/fonts.css,applications/core/dev/css/global/framework/forms.css,applications/core/dev/css/global/framework/global.css,applications/core/dev/css/global/framework/layout.css,applications/core/dev/css/global/framework/lightbox.css,applications/core/dev/css/global/framework/menus.css,applications/core/dev/css/global/framework/messages.css,applications/core/dev/css/global/framework/misc.css,applications/core/dev/css/global/framework/navigation.css,applications/core/dev/css/global/framework/normalize.css,applications/core/dev/css/global/framework/pagination.css,applications/core/dev/css/global/framework/popup.css,applications/core/dev/css/global/framework/post-content.css,applications/core/dev/css/global/framework/posts.css,applications/core/dev/css/global/framework/prettify.css,applications/core/dev/css/global/framework/spectrum.css,applications/core/dev/css/global/framework/streams.css,applications/core/dev/css/global/framework/table-of-contents.css,applications/core/dev/css/global/framework/tables.css,applications/core/dev/css/global/framework/tabs.css,applications/core/dev/css/global/framework/tags.css,applications/core/dev/css/global/framework/toolbox.css,applications/core/dev/css/global/framework/typography.css&v=58102e73a11729880439
These were the .css files that seems to be from previous versions of the dev tools but for some reason IPS 5 were trying to load them
applications/core/dev/css/global/framework/_vars.css
applications/core/dev/css/global/framework/blocks.css
applications/core/dev/css/global/framework/global.css
applications/core/dev/css/global/framework/layout.css
applications/core/dev/css/global/framework/misc.css
applications/core/dev/css/global/framework/typography.css
I've fixed this by removing all the dev folders, and then installing the new dev tools again.
Thanks
Recommended Comments