[
https://issues.apache.org/jira/browse/ATLAS-5259?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Prasad P. Pawar resolved ATLAS-5259.
------------------------------------
Fix Version/s: 3.0.0
2.5.0
Resolution: Fixed
> 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
> Priority: Major
> Labels: Atlas-UI
> Fix For: 3.0.0, 2.5.0
>
> Time Spent: 20m
> Remaining Estimate: 0h
>
> *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)
