首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >脚本加载顺序

脚本加载顺序
EN

Stack Overflow用户
提问于 2016-01-04 19:19:30
回答 1查看 522关注 0票数 4

我使用RequireJS来声明我在项目中需要的依赖项。我已经配置了RequireJS,以便加载jQuery。但是,由于某些原因,浏览器会产生未定义jQuery的错误(Bootstrap.js需要jQuery)。

代码语言:javascript
运行
复制
<script type="text/javascript" src="./modules/requirejs/require.js" data-main="./js/main.js"></script>
<script src="js/bootstrap.js"></script>

是因为requireJS异步加载了依赖项,所以它实际上可能发生在加载bootstrap.js之后吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-04 19:38:34

代码语言:javascript
运行
复制
if (typeof jQuery === 'undefined') {
  throw new Error('Bootstrap\'s JavaScript requires jQuery')
}

引导仅对jQuery进行全局检查。当浏览器尝试加载引导时,jQuery可能还没有出现,因为RequireJS异步加载模块。

现在Bootstrap并不将自己导出为AMD模块。为了确保RequireJS能够加载引导带,并确保它在jQuery之后加载,您可以使用路径希姆配置。paths将模块名映射到模块文件,而shim则告诉RequireJS它的依赖项。

代码语言:javascript
运行
复制
paths: {
  // We tell RequireJS that `bootstrap` module is this file
  bootstrap: 'path/to/bootstrap.js'
},
shim: {
  // We tell RequireJS that `bootstrap` will need `jquery` loaded first
  bootstrap: {
    deps: ['jquery'],
  },
}

然后在您的main.js中,将bootstrap作为其依赖项之一加载。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34598262

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档