Uncaught Error: Mismatched anonymous define() module

想应用js的AMD规范？没这么容易。吭哧吭哧地了解了AMD规范后，兴致勃勃地在页面上添加require.js

<!-- AMD规范 -->
<script data-main="./js/modules" src="./libs/require.js"></script>

结果页面就报错了：
Uncaught Error: Mismatched anonymous define() module

这是冲突了。require.js啥事也没干，就定义了一个define函数。但是这个平平无奇的名字，其他js库可能也用了，如果一个页面引用了很多第三方js库，再将require.js加进去，很有可能就冲突了。

对于这种情况，没办法做什么修改。第三方js库，你怎么改？require.js？也不能改吧。改不了。

应对办法是在页面中加入浮动帧<iframe>，将require.js引用放在iframe，然后页面再使用iframe的require。反之也可以，总之require就放在别的页面。比如：

浮动帧页面：frame.html，引入了require

<html>
<head
<script data-main="./js/modules" src="./libs/require.js"></script>
</head>
...

嵌套浮动帧的页面，想使用require

<html>
<head></head>
<body>
<div>
<iframe id="iframe1" src="frame.html" />
</div>
</body>
<script>//此require，乃浮动帧之require也
var require = document.getElementById('iframe1').contentWindow.require;
function wind(){require(['wind'],function(windjs){windjs.go(containerId,viewer,window,Cesium);});
}</script>
</html>

完整的应用AMD规范的例子：
js应用模块化

Uncaught Error: Mismatched anonymous define() module相关推荐

Mismatched anonymous define() module:
终于让我碰出来了,原来requirejs和ejs都是amd规范的,也就是说两个模块的定义都用了define标识符,好像 <script type="text/javascript&qu ...
Vue在浏览器报错Uncaught Error: Cannot find module ‘[object Object]‘
报错信息: Uncaught Error: Cannot find module '[object Object]' at webpackEmptyContext (eval at ./src/api ...
angualr 做路由跳转的时候报错Uncaught Error: Component HomeComponent is not part of any NgModule or the module
报错:Uncaught Error: Component HomeComponent is not part of any NgModule or the module has not been im ...
[乐意黎原创] WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js'
如题:WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js' A. Webpack 命令时抛错 B.运行时Chrome 控制 ...
Uncaught Error: Script error for popper.js, needed by: bootstrap 解决方案
Uncaught Error: Script error for "popper.js", needed by: bootstrap https://requirejs.org/d ...
Uncaught Error: @electron/remote is disabled for this WebContents
remote模块使用出错,出现 Uncaught Error: @electron/remote is disabled for this WebContents. Call require(&quo ...
Fatal error: Uncaught Error: Call to undefined function gzinflate() in
wordpress安装后出现了Fatal error: Uncaught Error: Call to undefined function gzinflate() in 这个报错,这是因为编译安装p ...
Cocoscreator报错 ERROR: Uncaught Error: child already added. It can't be added again
报错的的代码: this.parent.addChild(this.child); 非常简单的添加子节点的代码(也可以理解为添加父级) 运行的时候莫名奇妙的就爆出: ERROR: Uncaught E ...
安装rebar时提示Uncaught error in rebar_core
2019独角兽企业重金招聘Python工程师标准>>> 按照教程安装rebar,从 https://github.com/rebar/rebar/ 下载编译好的版本(注:网上大多数都 ...

Uncaught Error: Mismatched anonymous define() module

Uncaught Error: Mismatched anonymous define() module相关推荐

最新文章

热门文章