繁体   English   中英

使用Require JS加载js文件

[英]Loading js file using Require JS

通过require js加载模块的正确方法是什么?
我是Require js的新手,并且正在使用它来加载我的应用程序所需的不同js模块。 我正在使用Embedded JS( EJS )作为模板。 下面是我的代码:

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");
            });  

有时所有模块都可以正确加载并运行,但是当我反复按Ctrl + F5F5时,它为我提供了ejs和其他模块的脚本错误,就像在Firebug控制台中那样:

在此处输入图片说明

我通过此链接。 link1表示运行脚本时存在JavaScript语法错误或其他执行问题。
加载ejs或任何模块的正确方法是什么? 我已经下载了最新版本,是否有EJS不关注的与AMD模块相关的东西? 我很空白,请帮忙。 谢谢

加载超时意味着脚本没有加载。 在“网络”选项卡上检查404,然后查看请求路径(如果正确)。 相应地调整路径。

另外,请勿使用精简版的库。 这使它们难以调试。 RequireJS拥有自己的优化器,您可以在开发后将其用于生产时使用。 它将所有需要的文件压缩为一个文件。

另外,您应该使用诸如Bower之类的前端软件包管理器。 这样,您就不会手动复制粘贴库,并且可以防止由于错误的复制粘贴而导致语法错误。 我个人使用Webapp Generator来为我搭建应用程序,这样我就不会复制粘贴库了。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM