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 ...
随机推荐
- uni-app之页面跳转（点击按钮进行页面跳转）
001==>点击按钮进行页面跳转 <view class="" @tap="gotoLunBo"> 去轮播页 </view> // ...
- 2024大湾区网络安全大会，AOne来了！
近日,2024大湾区网络安全大会暨第二十六期花城院士科技会议在广州启幕.学者专家.高校院长.政府相关负责人及行业大咖齐聚一堂,围绕网络安全的前沿话题与挑战展开深入交流与探讨.天翼云科技有限公司网络安全 ...
- C#中使用正则将字符串中某字符不区分大小写并按全字匹配替换为空
具体代码如下所示: //将字符串中desc不区分大小写并按全字匹配替换为空 var strText = "CreatDeSce DeSc,UserName AsC"; string ...
- Markdown文件上传到博客图片处理
Markdown文件上传到博客图片处理 在本地编写Markdown文章并准备上传到博客园时,经常会遇到的一个挑战是本地图片无法直接显示,因为它们存储在本地文件系统中.为了解决这个问题,有两种常见的策略 ...
- Redis 持久化原理分析和使用建议
作者:来自 vivo 互联网存储团队- Qiu Xu 本文主要介绍了 Redis 提供的三大持久化机制,即 AOF 日志.RDB 快照以及混合持久化机制. 一.Redis 为什么需要进行持久化 Re ...
- C# 全角字符和半角字符相互转换
参考链接:https://blog.csdn.net/willingtolove/article/details/106923879 1. 全角转半角 /// <summary> /// ...
- macbookpro m3本地部署DeepSeek模型
macbookpro m3有着十分强大的性能.在deepseek如火如荼的当下,可以尝试在本地部署并使用.还可以将自己的文档作为语料喂给deepseek,使其能成为自己专属的AI助手. 本文介绍使用o ...
- 绝对荧光定量pcr结果计算
绘制标准曲线 首先根据公式,计算出标准品曲线的x值(拷贝数),需要修改的数值是标准品质粒浓度(图上的321)和4565(基因片段长度),得出的结果单位是拷贝数/μl. 根据计算结果,可以列出表格,样品 ...
- 大数据之路Week08_day02 (Flume架构介绍和安装)
Flume架构介绍和安装 写在前面在学习一门新的技术之前,我们得知道了解这个东西有什么用?我们可以使用它来做些什么呢?简单来说,flume是大数据日志分析中不能缺少的一个组件,既可以使用在流处理中,也 ...
- 基于React的虚拟滚动方案
基于React的虚拟滚动方案 在渲染列表时我们通常会一次性将所有列表项渲染到DOM中,在数据量大的时候这种操作会造成页面响应缓慢,因为浏览器需要处理大量的DOM元素.而此时我们通常就需要虚拟滚动来实现 ...