使用RequireJS加载绝对路径依赖时出现脚本错误求助

这个问题我之前调试模块加载时也碰到过，用映射路径正常但绝对URL报错，大概率是这几个核心原因导致的，咱们一步步排查：

1. 跨域资源共享（CORS）限制 #

虽然你说指向同一个文件，但如果你的页面域名和绝对URL的域名不一致（比如本地开发用localhost，而URL是blah.com），浏览器会因为安全策略阻止跨域脚本加载。

排查方法：打开浏览器开发者工具的「Network」面板，找到加载https://blah.com/absolute/path/to/myFile.js的请求，查看状态码和响应头：

• 如果是403 Forbidden或者提示CORS错误，需要服务器端配置Access-Control-Allow-Origin响应头，允许你的页面所在域名访问该资源。

2. 模块内部依赖的路径解析问题 #

当用映射路径加载时，RequireJS会按照你配置的paths/map来解析myFile.js内部的依赖；但用绝对URL加载时，RequireJS会把这个文件当成独立的外部脚本，内部的依赖路径会相对于这个绝对URL的域名来解析，而不是你的本地配置。

比如myFile.js里如果写了：

define(["./utils"], function(utils) { ... });

用绝对URL加载时，RequireJS会尝试请求https://blah.com/absolute/path/to/utils.js，而不是你本地配置的local/path/to/utils，如果这个路径不存在就会报错。

解决办法：

• 把myFile.js内部的依赖改成绝对URL，或者在RequireJS配置里为这个模块做依赖映射：

  requirejs.config({
    map: {
      "https://blah.com/absolute/path/to/myFile.js": {
        "local/path/to/utils": "https://blah.com/absolute/path/to/utils.js"
      }
    }
  });
  

3. 文件后缀与RequireJS解析逻辑冲突 #

你的RequireJS配置里可能设置了paths自动补全后缀，或者urlArgs添加缓存参数，但绝对URL不受这些配置影响。如果你的绝对URL带了.js后缀，而RequireJS内部对模块ID的解析逻辑可能出现重复处理的情况。

尝试方案：去掉绝对URL中的.js后缀，改成：

define([ "dojo/_base/declare", "dojo/aspect", "https://blah.com/absolute/path/to/myFile" ], function( declare, aspect, myFile ) { ... });

4. 资源本身无法正常访问 #

直接在浏览器地址栏打开这个绝对URL，确认是否能正常返回myFile.js的内容：

• 如果出现404 Not Found，说明路径有误；
• 如果有重定向，要确保最终跳转的地址能正确返回脚本内容。

内容的提问来源于stack exchange，提问作者StudioTime