Bootstrap and Javascript not working when enabling "Expose global" in Javascript Loader

• Type: Regression Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.X
• Fix Version/s: 7.1.10 DXP FP18, 7.1.10.5 SP5, 7.1.X
• Component/s: AMD Module Loader
• Labels:
  • ee-ts
  • liferay-dxp-71-sp5
  • liferay-fixpack-dxp-18-7110
• Branch Version/s:
  7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 4
• Last Working Version:
  7.1.10 DXP FP10
• Git Pull Request: https://github.com/liferay/liferay-portal-ee/pull/19626

Reproduction steps:

1) Patch 7.1 DXP with Fix pack 11, start the server and login as Admin
2) Go to System settings -> Infrastructure -> Javascript Loader" enable "Expose Global"
3) Open the browser's dev console and disable cache in the Network tab, then refresh the page:

Actual behavior:

• There will be some WARNS in the browser's console:

loader.3.js:1211 Mismatched anonymous define() module: function()
...

• Left-side Items and sub-items won't expand/collapse
• When clicking on the Toggle Menu icon, there will be this error:

Uncaught ReferenceError: bootstrap is not defined
    at SideNavigation._onSidenavTransitionEnd (combo?browserId=othe.../event-hover.js:923)
    at SideNavigation.hideSimpleSidenav (combo?browserId=othe.../event-hover.js:900)
    at SideNavigation.toggleSimpleSidenav (combo?browserId=othe.../event-hover.js:913)
    at SideNavigation.toggle (combo?browserId=othe.../event-hover.js:909)
    at HTMLAnchorElement.<anonymous> (combo?browserId=othe.../event-hover.js:919)
    at HTMLDocument.dispatch (combo?browserId=othe.../event-hover.js:153)
    at HTMLDocument.elemData.handle (combo?browserId=othe.../event-hover.js:146)

Reproduced on Fix Pack 16 and 7.1.x @ 09bbc549d2b4fd7aae0869895f56479c1ed52c09605c2157f46d5290d5aeaf4e liferay-portal-tomcat-7.1.x-private.7z

Not reproducible on master @ 5ba27fb882f181f7a595c01c6acac425e444ee19b0d782acb80b15c3128522d2

Notes: See PTR-1590 to get more information about the root cause.

Thanks a lot.