Prasad P. Pawar created ATLAS-5259:
--------------------------------------
Summary: ATLAS UI: Classic UI fails to load when switching from
React UI due to missing Bootstrap assets
Key: ATLAS-5259
URL: https://issues.apache.org/jira/browse/ATLAS-5259
Project: Atlas
Issue Type: Bug
Components: atlas-webui
Affects Versions: 3.0.0
Reporter: Prasad P. Pawar
Assignee: Prasad P. Pawar
*Environment*
* Apache Atlas with default React UI (v3)
* Classic UI (dashboardv2) as alternative
*Steps to reproduce*
# Log in to Atlas.
# Open the account menu in the top-right.
# Click "Switch to Classic".
# Observe the Classic UI stuck on the loading spinner.
*Observed behavior*
* Classic UI does not load; it remains on the loader.
* Console errors:
** {{404 (Not Found)}} for {{js/libs/bootstrap/js/bootstrap.min.js}}
** MIME type error: {{Refused to apply style from '.../bootstrap.min.css'
because its MIME type ('text/html') is not a supported stylesheet MIME type}}
** {{Uncaught Error: Script error for "bootstrap"}} from RequireJS
*Root cause* {{dashboardv2}} uses {{{}bootstrap-xss-patched{}}}, which provides
different filenames than standard Bootstrap. The Grunt copy task expects:
* {{bootstrap/dist/js/bootstrap.min.js}}
* {{bootstrap/dist/css/bootstrap.min.css}}
{{bootstrap-xss-patched}} actually provides:
* {{bootstrap/dist/js/bootstrap-patched.min.js}}
* {{bootstrap/dist/css/bootstrap-patched.min.css}}
Because the expected files are absent, the Grunt build does not copy Bootstrap
assets into the dist folder. The server then responds with an HTML error page
for the Bootstrap URLs, which triggers MIME type checks and causes RequireJS to
fail loading the {{bootstrap}} module.
*Fix Update* {{dashboardv2/gruntfile.js}} so the {{copy:bootstrap}} task uses:
* {{bootstrap-patched.min.js}} instead of {{bootstrap.min.js}}
* {{bootstrap-patched.min.css}} instead of {{bootstrap.min.css}}
Affected components
* {{atlas-dashboardv2}} (Classic UI)
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
