requirejs的简单使用,requirejs报错Uncaught Error: Mismatched anonymous define() module: …
requirejs的简单使用
define()方法的3个参数:
- 参数1为模块名称(不填则以当前js的文件名定义一个匿名模块),
- 参数2为依赖项数组(可不填),
- 参数3为模块的实现
- 引入jQuery:
// js/lib/main.js:
require.config({
baseUrl:'js/lib',
paths:{
jquery:'jquery.min'
}
}); define(['jquery'], function ($) {
console.log($);
}); // html
<body>
…… <script data-main="js/lib/main" src="js/lib/require.js"></script>
<!-- <script src="js/lib/main.js"></script>
上面的data-main属性已经说明了入口文件的位置了,这里不用再引入了,注释掉这行就好了 -->
</body> 使用define定义模块并加载依赖
---定义模块
// module1Name.js
define('module1Name',['jquery'], function(jquery){
function _foo(){
//doSomething;
}
return { //返回需要公开的成员
foo : _foo
};
});
---加载并调用模块的成员
// module2Name.js
require('module2Name',['module1Name'], function (myLib){
module1Name.foo();
});
关于报错:
Uncaught Error: Mismatched anonymous define() module: …
报错原因:html文件中重复引入main.js所致
例,html文件如下:
<body>
……
<script data-main="js/lib/main" src="js/lib/require.js"></script>
<!-- <script src="js/lib/main.js"></script>
上面的data-main属性已经说明了入口文件的位置了,这里不用再引入了,注释掉这行就好了 -->
</body>
附:
# 附:
# Javascript模块化编程(三):require.js的用法 http://www.ruanyifeng.com/blog/2012/11/require_js.html
官网: http://www.requirejs.cn
requirejs的简单使用,requirejs报错Uncaught Error: Mismatched anonymous define() module: …的更多相关文章
- node 报错:Uncaught Error: Cannot find module "!!../../../node_modules/extract-webpack-plugin/loader.js
问题出在缺少less和less-loader 因为以上模块使用了less解析. 解决方法在dependencies添加 "less": "^2.7.1", & ...
- jQuery的$.get()函数不执行以及php端报错Uncaught Error: Call to a member function bind_param() on boolean in...
写了一个html,用到了jQuery,发现没有按照预期的结果显示,最后定位到是$.get()函数没有运行 调试过程为: 在页面右击查看元素,到网络那一栏,找到类型为json的那个包点击,然后查看响应, ...
- Swoole协程报错 Uncaught Error: Call to undefined function go()
解决方法, 在PHP.ini中开启短名
- CentOS安装Nginx 报错“configure: error: the HTTP rewrite module requires the PCRE library”解决办法
错误提示: ./configure: error: the HTTP rewrite module requires the PCRE library. yum install gcc gc ...
- nginx安装报错:configure: error: the HTTP rewrite module requires the PCRE library
参考:http://blog.51cto.com/williamx/958398 需要安装pcre-devel与openssl-devel yum -y install pcre-devel open ...
- vue 安装 ‘node-sass’ 运行报错:ERROR in Cannot find module 'node-sass'
好像是由于cnpm安装导致.执行下面的安装代码,或者使用npm 安装node-sass cnpm install node-sass@latest
- jquery报错Uncaught ReferenceError: $ is not defined
- 后台返回json字符串 页面js报错 Uncaught SyntaxError: Unexpected identifier
后台json字符串是 [{"name": "报销申请", "id": "start"}, {"name&quo ...
- jquery使用ajax报错[Uncaught SyntaxError: Unexpected token :]
$.post('/ajax/validate.do',{"id": id},function(ret){ //ret }); 返回值明明是json,格式也是正确的,却解析不成功,在 ...
- jquery3.1.1报错Uncaught TypeError: a.indexOf is not a function
jquery3.1.1报错Uncaught TypeError: a.indexOf is not a function 使用1.9就没有问题,解决办法: 就是把写的代码中: $(window).lo ...
随机推荐
- 央国企“严选”!天翼云夺得IaaS+PaaS市场桂冠!
10月17日,赛迪顾问发布的<2024中国央国企云市场研究报告>显示,2023年,在中国央国企云"IaaS+PaaS"市场中,中国电信天翼云凭借行业云和全栈服务能力.渠 ...
- 初识VPC网络的能力
本文分享自天翼云开发者社区<初识VPC网络的能力>,作者:布小匠 VPC网络的来源 在云计算早期是没有VPC的概念的,有的是虚拟网络和虚拟路由器的功能.虚拟网络的作用是为用户提供一个虚拟的 ...
- Java方法、方法的重载、命令行传递参数、可变参数和递归
Java的方法 是解决一类问题的步骤的有序集合 包含于类或对象中 在程序中被创建,在其他地方被引用 一般只完成一个功能,利于后期扩展! 语法 修饰符 返回值类型 方法名(参数类型 参数名){ ...
- P3306 [SDOI2013] 随机数生成器 题解
传送门 题解 思路 由题目中可知: \[\large x_i \equiv ax_{i-1}+b\pmod{p} \] 可以得出: \[\large t=x_{n+1} \equiv a^nx_1+b ...
- QT5笔记:3.手动撸界面和可视化托界面混合
3.手动撸界面和可视化托界面混合 参考视频:https://www.bilibili.com/video/BV1AX4y1w7Nt 3.1 工具栏可以通过在UI界面右键选择添加工具栏 3.2 设置窗口 ...
- C# 图形界面编程之 FlowLayoutPanel 界面闪烁问题解决
公司需要我写几个GUI程序,让虚拟机(guest)内部可以控制虚拟机(host)外部的硬件. 控制外部的硬件的方法就是开一个串口,这样虚拟机与宿主机就可以相互通讯,此时就可以让虚拟机发送命令,宿主机执 ...
- 探秘Transformer之(8)--- 位置编码
探秘Transformer之(8)--- 位置编码 0x00 概述 位置编码(Positional Embedding)是一种用于处理序列数据的技术,被用来表示输入序列中的单词位置.在Transfor ...
- 【Abaqus】*Solid Section定义复合材料
*SOLID SECTION 介绍 *solid section 用来定义单元的材料属性,材料方向等信息: solid (continuum) elements infinite elements a ...
- Redis压测脚本及持久化机制
Redis压测脚本及持久化机制 Redis性能压测脚本 Redis的所有数据是保存在内存当中的,得益于内存高效的读写性能,Redis的性能是非常强悍的.但是,内存的缺点是断电即丢失,所以,在实际项目中 ...
- pandas表格数据-删除/赋值/字符串包含等
官网:https://www.pypandas.cn/docs/ 1.删除某一固定列 del df['列名'] 删除某列某部分内容,以.str[0]取值 df['开始时间']=df['开始时间'].s ...