Post SPFX webpart deployment - JS conflictings

Hi,

I am working on the Classic SharePoint Online project. I need to migrate the Provider hosted apps to SPFX. Most of the functionality has been implemented using HTML and Javascript. Using Javascript Provided hosted app methods are being called directly on SharePoint Page. Huge client side scripts are written.

I have migrated all the provider hosted apps code to Asp.net web api and deployed in Azure. I have configured Azure AD authentication on top. I am using SPFX webpart which is consuming the APIs and returning the values. SPFX methods are exposed to be accessible via external js.

I deployed the SPX app in Sharepoint classic pages. Some Page it is working fine. On some webpart it experiencing error : 

Something went wrong

If the problem persists, contact the site administrator and give them the information in Technical Details.

Technical Details

I checked in browser console seeing error :

Error: Mismatched anonymous define() module: function(){return A} https://requirejs.org/docs/errors…, stage: 'Load'}

requireModules: undefined

requireType: "mismatch"

message: "Mismatched anonymous define() module: function(){return A}\nhttps://requirejs.org/docs/errors.html#mismatch"

stack: "Error: Mismatched anonymous define() module: function(){return A}\nhttps://requirejs.org/docs/errors.html#mismatch\n at makeError (eval at e 

[[Prototype]]: Object

error: Error: Mismatched anonymous define() module: function(){return A} https://requirejs.org/docs/errors.html#mismatch at makeError (eval at e 

stage: "Load"

[[Prototype]]: Object

How can i fix it? Please help.

Thanks in advance.

AK