mor*_*wry 11 url path requirejs
我遇到一个问题,几乎相同的require.js配置调用似乎工作方式不同,在一种情况下无法设置baseUrl
和path
.
文件夹结构
- /js
- - app/
- - libs/
- - - hogan.js
- - - backbone
- - - - backbone.js
- - - - etc.
- - - boostrap
- - - jquery
- - - - jquery.js
- - - - etc.
- - - require
- - - - require.js
- - - - etc.
- - templates/
- - require.config.js
Run Code Online (Sandbox Code Playgroud)
脚本标记
<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();
}
);
Run Code Online (Sandbox Code Playgroud)
在这两种情况下,附加一个脚本标记,显示require.config.js的完整内容,从以下开始:
<script type="text/javascript" charset="utf-8" data-requirecontext="_" data-requiremodule="require.config" src="/resources/js/require.config.js">
在app/router中定义
define(
[
'backbone',
'templateEngine'
],
// etc
);
Run Code Online (Sandbox Code Playgroud)
但是,如果出现问题,app/router永远不会加载,只有以下(没有404,没有):
GET require.js 200 OK 180ms
GET require.config.js 200 OK 69ms
Run Code Online (Sandbox Code Playgroud)
如果我进入require(["app/router"]);
Firebug控制台,我会得到以下信息:
"NetworkError: 404 Not Found - /resources/js/backbone.js
"NetworkError: 404 Not Found - /resources/js/templateEngine.js"
Run Code Online (Sandbox Code Playgroud)
我期望看到的是:
尝试解决方案
baseUrl
和paths
.例如baseUrl: libs
,和paths: { "app" : "../app" }
等deps
而callback
不是在require
下面使用config
.context
,匹配baseUrl
.baseUrl
并paths
视情况而定;仍然会遇到相同的忽略配置问题,例如,它只会尝试加载/resources/js/libs/backbone.js).注意
此文件夹结构和配置文件可以在我的localhost上运行,我从中删除/ resources /,如上所示.相反,所有相对路径(没有以/开头)用于baseUrl
和paths
.但在实际的服务器上不是一个选项.