我已经尝试解决这个问题好几个小时了,但我自己或在互联网上都找不到解决方案,所以最终我放弃了,决定发布一个问题。
我正在尝试使用RequireJS,用AMD管理的javascript构建我的新PHP应用程序。这是我第一次使用这种方法,我对此感到非常兴奋,但有一个问题使我的javascript无法正常工作。
这是一个很好的url通过路由完成。(我使用Nette Framework作为路由,使用Apache作为Web服务器(。在我设置了requrejs和我的依赖项之后,主页(localhost/(一切都很好,但当我转到其他页面时,它会停止工作,requirejs会抱怨"localhost/testapp/news/js/vendor/jquery/dist/jquery.js"
中不存在脚本。相反,它应该在"localhost/testapp/js/vendor/jquery/dist/jquery.js"
中查找,但它将mod_rewrite重写的参数(在本例中为演示者名称(作为基本url的一部分。我相信故障在我这边,因为这必须是非常常见的设置,而且我找不到类似的问题。
布局中的requirejs.latte(基本模板(:
<script src="{$basePath}/js/vendor/requirejs/require.js"></script>
<script>
var absolute_base = {$basePath};
require([absolute_base + '/js/app.js']);
</script>
(在Nette框架中的basePath变量始终是应用程序的根,无论其他参数如何——在本例中为/testapp
(
app.js
requirejs.config({
baseUrl: 'js/modules',
paths: {
'jquery': '../vendor/jquery/dist/jquery',
'ink': '../vendor/InkJS/dist/js/ink-all',
'ajax': '../vendor/ajax'
}
});
目录结构:
- www
- css
- sass
- graphics
- fonts
- js
- modules
- vendor
- jquery
- requirejs
- ink
- app.js
- index.php
这是我所能做到的。我尝试了很多组合,相对路径,路径前面的点,脚本标签的数据属性等等,但都没能找到解决方案。
非常感谢您的帮助,干杯!
我终于成功了。我发现,它不能以这种方式完成,因为requirejs将始终使用当前url作为"根",而不是脚本本身的url(在"script"标记中使用(。至少我还没有找到绕过这个问题的方法。
相反,我删除了整个app.js文件,并将配置直接移动到主模板中,php变量$basePath可用,我用它来定义basePath(基本上我定义了一个绝对路径,而不是相对路径(。