javascript - requirejs 模块不将路径键识别为键并查找键，就好像它是文件名一样-6ren

javascript - requirejs 模块不将路径键识别为键并查找键，就好像它是文件名一样

转载作者：行者123 更新时间：2023-11-29 15:39:33

26

4

我是 requirejs 的新手，正在尝试让一个简单的结构正常工作(请参见下文)。我尝试了多种方式，但路径不走运。

我的目标是设置所有页面共享的 requirejs 配置。

我的方法是让每个页面的脚本标记中的 data-main 指向对应于该页面的模块( page.php 到 js/page.js )。并从相应的模块中调用 js/config.js 作为第一个依赖项。问题是路径键在模块中不起作用。

然后我读到应该为配置设置脚本标记中的 data-main。所以我尝试将 data-main 指向 js/config.js 而不是相应的页面代码。然后在页面中添加第二个脚本标签。让第一个脚本标签首先加载到配置中，然后第二个脚本标签加载到相应页面的模块中。但与路径相同的概率，在模块路径键中不起作用。

问题是，当我在模块(['jquery'])中使用路径键(比方说'jquery')时，浏览器会在 js 文件夹中查找'jquery'键，而不是在'libs/我在 js/config.js 中指定的 jquery' 路径。所以然后将 baseRrl 添加到“js/”，然后尝试“/js”，然后还尝试“/js/”，还尝试在路径对象中的值前面使用“/”。没有运气。

然后我尝试指向 jquery 的谷歌 CDN，但浏览器仍然找不到它。

然后我将 key 从“jquery”更改为“ooo”，浏览器仍然在 js 目录中查找 ooo.js 文件，而不是查找配置路径中指定的 CDN。

不确定我的文件结构是否错误，或者路径和/或 baseUrl 是否设置不正确。我尝试了很多不同的方法但没有成功。请帮忙。不确定我是否已经因为看这些太久而错过了显而易见的东西而失明。谢谢你的帮助。

file structure : ------------index.phpjs/- config.js- index.js- libs/-- jquery.js-- require.js------------

index.php :

<head>
    <script data-main="js/config" src="js/libs/require.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
</body>

js/config.js :

require.config({
    baseUrl: 'js/',
    paths: {
        'ooo': 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min',
        //'ooo': 'libs/jquery',
        'mod': 'modules/module1'
    },
    shim: {
        'ooo': {
            exports: '$'
        }
    }
});

js/index.js :

require( ['ooo'], function( $ ) {

    $( document ).ready( function() {
        alert( 'work!' );
    });

});

开发工具中的网络选项卡:

GET http://localhost/requirejs/site2/js/ooo.js 404 (Not Found)

最佳答案

您不能使用data-main 加载您的配置。 data-main 所做的是告诉 RequireJS 开始加载它指向的模块，但无法保证此操作何时完成。你得到的错误是因为 js/index.js 中的 require 执行 before js/config 被加载，因此它不使用您的配置。解决此问题的一种非常简单的方法是使用模块代替您拥有的 require。所以 js/index.js 将包含:

define(['ooo'], function( $ ) {
    $( document ).ready( function() {
        alert( 'work!' );
    });
});

并且您的 RequireJS 配置可以有以下选项:

deps: [ 'index' ]

(是的，那只是index，不是js/index，也不是js/index.js。)deps 选项告诉 RequireJS 立即开始加载一些模块。以这种方式完成后，js/index.js 中的代码将不会在您的配置加载之前执行。

关于javascript - requirejs 模块不将路径键识别为键并查找键，就好像它是文件名一样，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21665030/

26

4

0

文章推荐： mysql - 在 MySql 中执行查询时与 only_full_group_by 相关的错误

文章推荐： mysql - MySQL中使用窗口函数的移动平均线

文章推荐： javascript - 设置JS全局时区

java - 无法从其他 EJB2 查找 EJB2，但可以从 servlet 查找
我在 GlassFish (J2EE_1.4) 上的 NetBeans 中开发企业项目。我的项目中有一些实体 bean、一些 session bean 和消息驱动 bean。我以如下方式使用 serv
mysql - 查找 ('first' )、查找 ('count' ) 或字段 ('id' )...哪个更快？
什么在速度方面更好...... 我正在尝试确定用户是否已将某个 URL 添加到他们的快捷方式列表中。如果他们添加了 URL，页面上就会有一个链接，用于从快捷方式中删除该页面，否则他们可以将其添加到快捷
c++ - 使用Excel模板内的OleFunction“查找”查找 header 变量，然后从C++替换它们
我的问题如下：我打开一个Excel-File，但我不知道我的客户在模板文件中使用了哪些可能的标头变量。它们可以是：＃DATE，＃TIME，＃NAME等。因此，我需要查找这些变量，以及是否已使用过：替
bash - osx 查找 exec rm 查找 : exec: unknown primary or operator
我有一堆以“-e”结尾的文件要删除。 $ find . -name "*-e" exec rm {} \; find: exec: unknown primary or operator 正则表达式是
TypeScript 查找/条件类型和联合
我有一个简单的问题:是否可以在 TypeScript 中获取联合的一部分的类型？例如，您可以经常使用如下查找类型: interface Person { name: string; } type
cuda - 查找 CUDA_SDK_ROOT_DIR
我正在尝试设置 Point Cloud Library启用 CUDA 选项的主干构建。我相信我已经按照 these instructions 正确安装了 CUDA . 在 PCL 构建的 cmake
excel - 查找/替换仅限于一列但许多工作表
我将首先说我所知道的唯一 VBA 是操作录制的宏的反复试验。我是一名注册会计师，试图以艰难的方式学习 VBA(并希望我去学校学习计算机编程!)。我有带有多个工作表的大型工作簿。 G 列中以黄色突出显
python - 查找/删除目录中最旧的文件
当文件数达到阈值时，我试图删除目录中最旧的文件。 list_of_files = os.listdir('log') if len([name for name in list_of_files
arrays - 查找、计数和索引数组中的重复项
我有一个数组，它有一些重复的值。我必须计算每个重复项的数量及其索引。打印如: Index of b: 1 Index of b: 4 Index of c: 2 Index of c: 3 Ind
Eclipse 查找/替换不起作用
我已经搜索了我的问题的解决方案，但没有成功。热键 ctrl+F 找到的 eclipse 查找/替换功能不起作用。注意:通过 Eclipse 菜单 Edit>Find Replace(不工作我的意思是
Jquery 查找 - 仅可见
我想检查 div 是否包含类为“error”的子级，但条件是错误类显示不等于无。 (意味着错误类必须可见。如何更改我的以下代码: $(".related_field").each(function
Jquery - 查找 $(this) 是什么元素
这个问题已经有答案了: 已关闭13 年前。 Possible Duplicate: Can jQuery provide the tag name? 嗨! 这个问题太基础了，我不好意思问，但我尝试了
cygwin - 查找:参数格式不正确
我一直听说这是 cygwin 的路径问题。它阻止了 emacs 在我的 cygwin 中工作。当我在 cli(不是 bash/cygwin)上执行 find 时，无论我输入什么，我都会得到同样的错误。
javascript - 查找:变量值不匹配
我正在使用此变量来获取一个或多个与我需要的值相匹配的值。 var mail = $("#dat").contents().find("td:contains('" + name + "')" ).si
javascript - 查找/合并具有共同属性的两个对象
请原谅这个长问题。我只是不确定解决这个问题的最佳方法是什么。我有一个电子表格(Google 表格)，其中包含用户和地址列表，我需要从中创建邮寄标签。该电子表格是从我们的学生信息系统导出的。这些地址应
vba - 使用范围对象中的行属性进行匹配/查找
我正在 Excel VBA 中创建一个公式，以解析单元格中以逗号分隔的“部分”列表。在另一个工作表中查找具有该零件名称的单元格，然后使用找到的该单元格的地址来获取同一行不同列的零件成本。我为此工作了数
电子邮件验证 MX 查找
我被要求在网络应用程序上实现一些电子邮件地址验证 - 我确信我们都已经经历过一千次了...但是，这一次我被要求在域上进行 MX 查找查看它是否接受电子邮件。有人知道这样做有任何潜在的问题吗？ mx
matlab - 查找.wave文件的末尾以更改MATLAB中的按钮String
我有一个切换按钮，可读取.wave文件，并且字符串更改为暂停，然后..... 我的问题是，当用户播放声音时，按钮字符串更改为暂停，结束声音后，该字符串仍为暂停状态，我想将其更改为播放。但是我不知道如何
regex - 查找/替换功能允许边界替换而不是表达式
对于令人困惑的标题提前表示歉意。我的问题如下，我在大约 600 个文件中有以下文本: $_REQUEST['FOO'] 我想将其替换为以下内容: $this->input->post('FOO') 为
Ansible INI 查找
我正在使用 Ansible 的查找功能查找 INI 文件中的值。这是文档中的示例: - debug: msg="User in integration is {{ lookup('ini', 'use

首页

博学

6Ren·AI

商城