11

我遇到了一个问题,几乎相同的 require.js 配置调用似乎工作方式不同,在一种情况下无法设置baseUrlpath.

文件夹结构

 - /js
 - - app/
 - - libs/
 - - - hogan.js
 - - - backbone
 - - - - backbone.js
 - - - - etc.
 - - - boostrap
 - - - jquery
 - - - - jquery.js
 - - - - etc.
 - - - require
 - - - - require.js
 - - - - etc.
 - - templates/
 - - require.config.js

脚本标签

<script data-main="/resources/js/require.config" src="/resources/js/libs/require/require.js"></script>

需要配置

require.config(
    {
        baseUrl: "/resources/js/libs",
        shim: {
            "underscore": {
                exports: "_"
            },
            "backbone": {
                deps: [
                    "json2",
                    "underscore",
                    "jquery"
                ],
                exports: "Backbone"
            }
        },
        paths: {
            "app": "/resources/js/app",
            "backbone": "backbone/backbone",
            "jquery": "jquery/jquery",
            "templates": "/resources/js/templates",
            "templateEngine": "hogan"
        }
    }
);

require(
    [
        "app/router"
    ],
    function( AppRouter ){
        AppRouter.execute();
    } 
);

在这两种情况下,都会附加一个脚本标记,显示 require.config.js 的全部内容,开头是:

<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="require.config" src="/resources/js/require.config.js">

应用程序/路由器中的定义

define(
    [
        'backbone',
        'templateEngine'
    ],
// etc
);

但是,在出现问题的地方,永远不会加载应用程序/路由器,只有以下内容(没有 404,什么都没有):

GET require.js 200 OK 180ms     
GET require.config.js 200 OK 69ms

如果我进入require(["app/router"]);Firebug 控制台,我会得到以下信息:

"NetworkError: 404 Not Found - /resources/js/backbone.js
"NetworkError: 404 Not Found - /resources/js/templateEngine.js"

当我期望看到的是:

  • /resources/js/libs/backbone/backbone.js
  • /resources/js/libs/hogan.js

尝试的解决方案

  • 我尝试对 和 使用相对路径和绝对路径的各种baseUrl组合paths。例如baseUrl: libs, 和paths: { "app" : "../app" }等。
  • 我试过depscallback而不是使用requirebelow config
  • 我已经添加了属性context,匹配baseUrl
  • 我已将require.config.js移到libs目录中(根据需要进行编辑baseUrlpaths仍然遇到相同的忽略配置问题,例如,它只是尝试加载/resources/js/libs/backbone.js)。

笔记

这个文件夹结构和配置文件在我的本地主机上工作,我从上面显示的路径中删除/resources/。相反,所有相对路径(没有以 / 开头)用于baseUrlpaths。但在实际服务器上,这不是一个选项。

4

1 回答 1

5

解决方案是没有任何 . (句点)在配置文件的文件名中。将文件重命名为 require-config.js 后,一切都按预期工作。其他文件都可以,名称中带有点,而不是主配置文件。

于 2012-08-24T14:34:35.620 回答