index.js not loading from main.js

I am working on a .net core MVC application. where I have integrated Twilio Video functionality.
In Views/Video/index.cshtml, reference for require js added like this,

<script data-main="../TwilioVideo/main" src="~/TwilioVideo/require.js"></script>

folder structure is like,

• wwwroot
  • TwilioVideo

    • index.js

    • main.js

    • require.js

and the main.js file contains code,

    require.config({
paths: {
    "twilio-video": "https://media.twiliocdn.com/sdk/js/video/releases/2.4.0/twilio-video.min"
}
});
require(["index"], function () {

});

when I run the code index file not loading, in the source I can only see main.js and require.js. someone, please help me to understand what might be the issue?

Thanks in advance!