使用Require JS加载js文件

Question

What is correct way to load modules through require js ?
I am new to Require js, and I am using it for loading different js modules required for my app. I am using Embedded JS ( EJS ) for template. Below is my code:

require.config({
                baseUrl: _URL+"/resources/",
                paths:
                {
                    moment: "js/moment.min",
                    ejs :  "js/ejs",
                    social_login : "public/social_login",
                    location : "js/location"
                },
                shim:
                {
                    ejs:
                    {
                        exports: 'ejs',
                        deps: ['moment']
                    },
                    social_login:
                    {
                         exports: 'social_login',
                         deps: ['moment','ejs']
                    },
                    location:
                    {
                         exports: 'location',
                         deps: ['moment','ejs','social_login']
                     }
                 },
                 waitSeconds: 20
            });
            require(["moment","ejs","social_login","location"],function()
            {
                callback("OK");
            });  

Some time all modules load correctly and running, but when I repeatedly press Ctrl + F5 or F5 it gives me script error for ejs and other modules as in firebug console it gives:

I went through this link. link1 which says there is a JavaScript syntax error or other execution problem running the script.
What is the correct way to load ejs or any module ? I have downloaded latest version of it, is there any thing related with AMD module which EJS is not following ? I am quite blank, kindly help. Thanks

Answer 1

Load timeouts mean that the scripts didn't load. Check for 404s on the Network tab and look at the request paths if they are correct. Adjust your paths accordingly.

Also, don't use minified versions of libraries. This makes them hard to debug. RequireJS has its own optimizer which you can use when you push for production after development. It will compress all required files into one file.

In addition, you should use front-end package managers like Bower . That way, you won't be copy-pasting libraries manually and prevent syntax errors caused by incorrect copy-paste. I personally use Webapp Generator to scaffold the app for me, so that I won't be copy-pasting libraries.