RequireJS 未加载名为“module.js”的文件或模块

2023-11-30

我刚刚开始使用 RequireJS。我尝试了一个简单的代码,但一种方法有效,但另一种方法无效。

文件夹“script”有“main.js”,“module.js”,“require.js”

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

在 main.js 中

requirejs( ['module'], function( mod ) {
    mod.sayHello();
} );

在 module.js 中:

define( {
    name : "value",
    sayHello : function() {
        alert( "Hello" );
    },
    sayBye : function() {
        alert( "Bye" );
    }
} );

我希望 baseUrl 是“脚本”,如下所述:

http://requirejs.org/docs/api.html#jsfiles

baseUrl 通常设置为与 data-main 属性中使用的脚本相同的目录,以便为页面加载顶级脚本。

所以,我认为不会有问题,但 mod.sayHello() 和 sayBye() 和 console.log( mod.name ) = undefined 都没有。

I tried console.log( mod )它打印出这样的内容:

Object {id: "_@r6", uri: "script/[email protected]", exports: Object}

当我使用 ["script/module.js"] 而不是 ["module"] 时,console.log( mod )打印如下:

Object {name: "value"}
name: "value"
sayBye: ()
sayHello: ()
__proto__: Object

和 mod.sayHello()、mod.sayBye()、mod.name 都可以。

在 main.js 的开头包含以下内容是相同的:

requirejs.config( {
    baseUrl: "script"
} );

我做错了什么...请帮忙。


使用与以下不同的名称module为您的模块。一方面,这是一个非常没有信息的名称,但是名为module是 RequireJS 的一个特殊模块。它是一个提供有关您当前所在模块的信息的模块。例如,如果foo.js包含这段代码:

define(['module'], function (module) {
    console.log(module.id);
});

当您请求名为的模块时,会加载此文件foo, then console.log将会呈现"foo"在控制台上。

该文档没有强调存在module但它在解释配置选项时谈到了这一点config做。因为您可以通过以下方式访问模块的配置module.config().

要求的原因"script/module.js"有效是因为当你这样做时,你需要一个名为script/module.js而不是module.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

RequireJS 未加载名为“module.js”的文件或模块 的相关文章

  • Requirejs - 在加载 data-main 之前配置 require

    我们第一次使用 requirejs 我在构建依赖项时遇到了麻烦 我已将主 app js 文件定义为 index html 中的 data main 属性 但是 我有一个文件定义了所有需要的路径 垫片配置 并且我希望它在 app js 文件之
  • 使用主干js加载模板

    我开始进行 javascript 开发 并使用 node js 作为休息 API 和使用主干的客户端做了一个简单的项目 一切看起来都很完美 直到我想从我的 js 中获取模板 我发现了不同的方法 其中一些需要一段时间 例如一年 但我不明白哪种
  • 如何解决Require.js中的循环依赖?

    基本上 这个想法是 子 模块创建一个对象 并且该对象应该是作为 主 模块的实用程序库的一部分 然而 子 对象depends关于 main 的实用程序 Main module define sub function sub var utils
  • 我正在与 requirejs 优化器和非 AMD 模块作斗争

    我正在与 requirejs 优化器作斗争 如果我只是将其加载到浏览器中而不进行优化 则该代码将起作用 如果我运行优化器 我会得到 ENOENT no such file or directory C Users dev checkout
  • 如何使用 JSHint 和 RequireJS 禁用警告“define”未定义

    我在我的项目中使用 RequireJS AMD 当我在项目上运行 jshint 时 它会抛出类似错误 在 AMD 脚本中 define is not defined 在 Mocha 测试用例中 describe is not defined
  • 嵌入式 ember-cli 项目与 RequireJS 冲突

    我正在尝试将 EmberJS 应用程序嵌入到广泛使用 RequireJS 库的大型门户应用程序中 我正在使用 ember cli 来构建项目 构建的应用程序由两个文件组成 dist assets vendor js and dist ass
  • 访问RequireJS路径配置

    我注意到文档中有一种方法将自定义配置传递到模块中 http requirejs org docs api html config moduleconfig requirejs config baseUrl js paths jquery l
  • 如何将 Assetic 用于 requireJs

    我正在尝试在 synfony2 项目中使用 require js 这是主树枝文件中的代码 文件vendor js require js已正确加载 但对于文件bundles web js main js我收到消息 未捕获的错误 模块加载超时
  • 在浏览器中使用Q库

    我需要使用Q图书馆 http documentup com kriskowal q http documentup com kriskowal q 在浏览器中 我想用RequireJS加载这个库 但我不知道如何做到这一点 我知道如何加载我自
  • grunt requirejs 忽略我的 mainConfigFile 中的路径

    项目介绍 我的项目是一个单页店面 该项目有多个模块 每个模块包含一组controller js view js和model js文件 以及一个template html文件 并使用requirejs来管理依赖关系 问题陈述 我想使用 mai
  • 如何在浏览器中配置 webpack -libraryTarget + splitChunks + require

    我正在用 JS 为网页编写库 并通过 Webpack 编译 它 我需要在单独的 Webpack 项目中的页面上导入 需要 如 requirejs 这些库 库可以托管在两个单独的路径上 一个是相对路径 第二个是绝对路径 我如何配置 webpa
  • 为什么 requirejs 尝试加载 .map?

    我正在尝试从 CDN 具体来说是 cdnjs 加载脚本 并且在 requirejs 中您必须像这样保留扩展名 require config baseUrl static js paths underscore cdnjs cloudflar
  • require.js:访问所有加载的模块

    有没有办法访问require js所有加载的模块 背景 我想自动调用init 我的 javascript 模块在全部加载后的功能 请参阅require js backbone js 如何构建具有初始化功能的模块 https stackove
  • 使用 require.js 加载 spin.js

    我最近启动了一个 Javascript 项目 现在将其转移到 require js 到目前为止一切都运行良好 除了spin js http fgnass github com spin js 图书馆 当我尝试访问与 spin js 相关的任
  • 使用backbone.marionette和requireJs的Web应用程序的循环依赖关系

    我处于以下情况 我正在使用 requireJs 加载模块 并且不想使用全局变量 main js 负责加载路由器 然后路由器加载应用程序 应用程序加载几个子应用程序 一切都初始化后 子应用程序需要router制作router navigate
  • 无法使用 Require.js 调用函数

    我尝试使用 require js 为我的 node js 服务器编写一个模块 它只返回我想从 url 获取的对象 但不知何故 我无法返回用我的方法获得的值 http get 在我返回值后执行 所以我只是得到 未定义 但为什么呢 请你帮助我好
  • TypeScript 编译具有所需定义的 AMD 模块

    在 AMD 中 在 requirejs 中实现 可以定义要包含为依赖项的模块 例如 define require exports function require exports var externalDep require path t
  • 使用 requirejs 和 r.js 优化器时无法加载 jQuery 插件

    我的 requirejs 优化器遇到了一些麻烦 运行优化器后 我在构建 编译文件中收到一些错误消息 在没有优化步骤的情况下运行我的网络应用程序时 我没有任何错误 这是我的 client js 文件 包含配置 coffeescript req
  • 使用 RequireJS 时如何从 CDN 加载第三方 JavaScript?

    我一直在使用 RequireJS 进行依赖管理 并且必须说我喜欢它 JavaScript 最近确实已经成熟了 然而 我无法弄清楚的一件事是 当使用优化器将所有 JavaScript 模块捆绑到一个文件中时 如何才能继续从外部 CDN URL
  • RequireJS 在加载/解析依赖项之前调用回调

    我遇到了 RequireJS 问题 其中我的 main js 脚本引用了一个依赖项 当运行 main js 中请求此依赖项的回调时 该依赖项已加载但未解析 我的目录结构是 index htm scripts require js main

随机推荐

  • ValueError:合并时不允许负尺寸

    我正在将 2 个数据框合并在一起 他们原本是 csv每个文件只有 7 MB 2 列和 290 000 行 我这样合并 merge pd merge df1 df2 on POINTID how outer 在 32 位 Anaconda 中
  • 将矩阵每列中的 NA 替换为该列的中值

    我试图用该列的中位数替换矩阵每一列中的 NA 但是当我尝试使用lapply or sapply我收到一个错误 当我使用 for 循环并且一次更改一列时 代码有效 我做错了什么 Example set seed 1928 mat lt mat
  • 在php中获取当前一周的第一天和最后一天

    如何获取并显示本周第一天和最后一天的日期 所以在本周它将输出 2012 05 14 2012 05 20 今天是2012年5月17日 这怎么能简单地做到呢 try use 斯特托时间 first date Y m d strtotime l
  • FREETEXTTABLE 为什么或如何给出比其他人更高的排名值

    有一个存储过程在两个表上使用 FREETEXTTABLE 两次 然后合并结果并返回前 50 个 问题是 如果我搜索 Women of Brewster 结果会返回表 A 中排名为 143 的 Confession of an ex doof
  • jquery 一个滑块控制另一个

    如何让一个 jquery ui 滑块控制另一个 如果我滑动滑块 1 它也应该滑动滑块 2 创建滑块 1 时提供滑动 更改函数 该函数使用滑块 1 上正在更改的手柄的 ui value 并设置滑块 2 上的手柄值 根据滑块的手柄数量 您需要调
  • 强制使用 const 对象的 C++ 类

    首先让我问一个一般性问题 在我看来 C 是一种语言 其目的是提供大量功能 为程序员提供最大可能的灵活性 以他认为合适的方式做事 换句话说 它是一种灵活的语言 它允许程序员以比我见过的任何其他语言更多的方式表达自己 这是正确的吗 然后是具体的
  • static_cast(*this) 和 static_cast(*this) 之间的区别

    在下面的代码中 取自Effective C class A char operator std size t position now just calls const op return const cast
  • 如何正确调用setListAdapter

    我已经搜索了很多如何解决这个问题 但没有得到任何结果 我需要的唯一帮助是 请看一下 stackoverflow 上提出的这个问题和答案 这是来自的问题this link 我的活动不扩展 ListActivity 因此此行会引发错误 setL
  • 获取进程/线程的上下文切换次数

    出于好奇 我想知道我的程序被操作系统切换了多少次上下文 就像所有寄存器都被保存并且控制权被传递给另一个进程或线程一样 然后一段时间后一切都恢复了 我们继续 因为它从未发生过 系统是否在某个地方维护了这样的数字 或者是否存在某种黑客行为或其他
  • 将标签与其各自的字段 Swing 一起排列

    我需要将所有字段与相应的标签对齐 这是我的代码 public class Progress extends JPanel implements ActionListener public JLabel ClientIP JTextField
  • 错误渲染视图:java.lang.IllegalStateException:已为此响应调用 getOutputStream()

    我正在 JSF 和 spring 中创建一个项目 其主要目的是在浏览器中生成 PDF 文件 一切看起来都很好 也生成了 pdf 但在控制台上我遇到了这个异常 有人对此有任何想法吗 我搜索了一下 发现很多人都有这个问题 但我没有找到适合我的问
  • CSS、嵌套 div 和边距与填充

    我完全理解盒子模型 这个问题更多的是试图确定关于何时使用边距和何时使用填充的语义方法 这是一个典型的例子 首先 用简单的英语来说 情况 我们有一个容器div 里面有一个段落元素 目标 在 div 内部和段落外部之间有 12px 的空间 选项
  • C# Windows Universal 10 TopMost 窗口

    我正在开发一个 Windows 10 通用应用程序 UWP 是否可以将应用程序设置为 TopMost 始终位于顶部 喜欢WPF or Winforms 最上面的属性 Thanks Creators Update 中添加了一项名为 Compa
  • 映射两个列表[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 我最近问了一个关于使用apply函数作用于两个列表 每
  • 什么 SQL 查询或视图将显示“动态列”

    我有一个数据表 我允许人们向该表添加元数据 我为他们提供了一个界面 允许他们将其视为向存储数据的表添加额外的列 但实际上我将数据存储在另一个表中 Data Table DataID Data Meta Table DataID MetaNa
  • CSS 元素恢复默认样式

    CSS 中有没有一种快速的方法来删除应用于元素的所有样式 例如 假设某种选项卡菜单 div class outer div div div div div div div div div CSS 应用 outer foo blee bar
  • 自定义地图功能 - 它是如何工作的?

    对于不清楚的主题标题 我深表歉意 我在计划中有这个函数 它是map功能 它工作得很好 但我在试图理解它时迷失了方向 define my map proc ls letrec iter lambda proc ls0 if null ls0
  • C++ 使用多个分隔符分解字符串[重复]

    这个问题在这里已经有答案了 可能的重复 C 中通过多个分隔符将字符串拆分为单词 我目前正在尝试读取一个文件 其中每行都有不同的制表符和空格 用于分隔需要插入二叉树中的关键属性 我的问题是 如何仅使用 STL 使用多个分隔符分割一行 在一天的
  • document.elementFromPoint(x,y) 获取 iframe 内的元素

    我试图获取 html 页面中的元素 我使用 document elementFromPoint x y 来检测输入元素 当没有 iframe 时它工作正常 但在 iframe 内部 它在这段代码中不起作用 html如下 我错过了什么吗 di
  • RequireJS 未加载名为“module.js”的文件或模块

    我刚刚开始使用 RequireJS 我尝试了一个简单的代码 但一种方法有效 但另一种方法无效 文件夹 script 有 main js module js require js 在 main js 中 requirejs module fu