我有两个单独的应用程序。两者都使用 jQuery 和 RequireJS。我想将应用程序 A 嵌入到应用程序 B 中,因此我将所需的 HTML 传输到应用程序 B。应用程序 B 是 edx-platform ( https://github.com/edx/edx-platform ) 的一个实例。
到目前为止一切顺利,但第二个应用程序无法加载。首先,我有两个带有 data-main 的脚本标签,但它不起作用。所以我搜索了一下,发现了这个:https ://stackoverflow.com/a/10839885
到目前为止我看起来不错,但我的全局 requirejs 变量未定义。在 HTML edx-platform 中使用以下代码调用 RequireJS:
<script>
window.baseUrl = "/static/";
(function (require) {
require.config({
baseUrl: window.baseUrl
});
}).call(this, require || RequireJS.require);
</script>
<script type="text/javascript" src="/static/lms/js/require-config.js"></script>
<script type="text/javascript">
(function (require) {
require.config({
paths: {
'js/courseware/courseware_factory': 'js/courseware/courseware_factory',
'draggabilly': 'js/vendor/draggabilly',
'js/courseware/toggle_element_visibility': 'js/courseware/toggle_element_visibility',
'js/courseware/course_home_events': 'js/courseware/course_home_events',
'js/courseware/link_clicked_events': 'js/courseware/link_clicked_events',
'moment': 'common/js/vendor/moment-with-locales',
'moment-timezone': 'common/js/vendor/moment-timezone-with-data',
'js/student_account/logistration_factory': 'js/student_account/logistration_factory',
'js/groups/views/cohorts_dashboard_factory': 'js/groups/views/cohorts_dashboard_factory',
'js/dateutil_factory': 'js/dateutil_factory',
'js/courseware/accordion_events': 'js/courseware/accordion_events',
'js/bookmarks/views/bookmark_button': 'js/bookmarks/views/bookmark_button',
'js/views/message_banner': 'js/views/message_banner',
'js/student_profile/views/learner_profile_factory': 'js/student_profile/views/learner_profile_factory'
}
});
}).call(this, require || RequireJS.require);
</script>
我的代码稍后包含。我试图运行一个简单的console.log(requirejs)
但它没有工作。从开发者控制台调用 requirejs 时也是未定义的。