如何修复此AMD路径冲突？

Question

我试图使用ESRI的ArgGis的JavaScript API,这是由加载道场,使用dojo.require.我有一个现有的模块化AMD/requirejs Typescript应用程序,我需要将此代码集成到其中.在我的初始TS文件的顶部,我导入了几个模块:

import tracer = module('../classes/trace');
import pubsub = module('../classes/pubsub');
import masker = module('../classes/masker');
// etc.

这工作正常,但是现在我已经添加了ArcGis代码,而不是解析我的应用程序中的相对路径,require.js从Esri站点获取了一个baseUrl,并尝试加载:

http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/classes/trace.js
// etc.

导致404响应和脚本错误的字符串.

我怎样才能解决这个问题？

在加载加载模块的第一个文档之前,我已经尝试在我的html文件的头部设置requirejs baseUrl:

 <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3"></script>
 <script type="text/javascript" src="/content/client/libs/require.js"></script> <!-- data-main="/content/client/hop/hop.app" -->
 <script type="text/ecmascript">
        require.config({
            baseUrl: "/Content/client/hop/"
        });
 </script>
 <script src="~/Content/client/hop/hop.app.js"></script>

但这失败了,抛出一个需要没有方法配置的异常.

(注意如果我颠倒了html文档头部的顺序,以便arcgis api在加载序列中排在最后,那么我遇到了相反的问题 - 我的本地文件都工作正常,但是dojo和映射api失败,因为他们正在寻找他们应该在argis服务器上搜索相对于我的网站的路径).

Answer 1

我使用Esri的ArcGIS API,所以我遇到了这个问题. 来自dojo的这篇博文帮助了我一些.

第一个问题是dojo的配置方式与requirejs不同.它寻找先前定义的dojoConfig进行设置.第二个是Esri的模块加载都是在假定一个基本路径的情况下设置的,而你的代码将需要另一个.您将需要一个看起来像这样的dojo配置:

dojoConfig = {
    baseUrl: location.pathname.replace(/\/[^/]+$/, '') + '/Content/client/hop/',  // magic!
    packages: [
        {
            name: 'dojo',
            location: "http://serverapi.arcgisonline.com/jsapi/arcgis/3.3compact/js/dojo/dojo/"
        },
        {
            name: 'dojox',
            location: "http://serverapi.arcgisonline.com/jsapi/arcgis/3.3compact/js/dojo/dojox"
        },
        {
            name: 'esri',
            location: "http://serverapi.arcgisonline.com/jsapi/arcgis/3.3compact/js/esri"
        }
    ]
};

这样做是将basepath设置回当前url加上你的额外东西,然后告诉dojo esri的东西在哪里.这些都是我遇到的所有软件包但是如果有一个依赖项我错过了因为它从来没有为我加载过,它需要一个类似的条目.

您可能遇到的另一个问题是,如果您习惯在本地加载脚本作为file://现在来自另一个域的dojo将尝试访问file://并且浏览器将关闭该文件.从现在开始,您需要在本地http服务器上进行测试.在Windows上,我更喜欢HFS,而在Linux上,python使它变得简单.

我希望这有帮助.