navContainer not working

[devsinhere]

`×
TypeError: Cannot read property 'createDocumentFragment' of undefined
qa
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:6611
Ja
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:15679
r.fn.init.prepend
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:17490
r.fn.init.r.fn. [as prependTo]
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:18879
Navigation.initialize
node_modules/react-owl-carousel/umd/OwlCarousel.js:2980
2977 | this._controls.$relative = (settings.navContainer ? $(settings.navContainer)
2978 | : $('

').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled');
2979 |

2980 | this._controls.$previous = $('<' + settings.navElement + '>')
| ^ 2981 | .addClass(settings.navClass[0])
2982 | .html(settings.navText[0])
2983 | .prependTo(this._controls.$relative)
View compiled
Navigation.
node_modules/react-owl-carousel/umd/OwlCarousel.js:2915
2912 | 'initialized.owl.carousel': $.proxy(function(e) {
2913 | if (e.namespace && !this._initialized) {
2914 | this._core.trigger('initialize', null, 'navigation');
2915 | this.initialize();
| ^ 2916 | this.update();
2917 | this.draw();
2918 | this._initialized = true;
View compiled
HTMLDivElement.e
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:2:3759
HTMLDivElement.dispatch
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:10551
HTMLDivElement.q.handle
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:8578
trigger
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:30330
HTMLDivElement.
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:30840
Function.each
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:2:2919
r.fn.init.each
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:2:1207
r.fn.init.trigger
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:3:30816
Owl.trigger
node_modules/react-owl-carousel/umd/OwlCarousel.js:1611
1608 | });
1609 |
1610 | this.register({ type: Owl.Type.Event, name: name });
1611 | this.$element.trigger(event);
| ^ 1612 |
1613 | if (this.settings && typeof this.settings[handler] === 'function') {
1614 | this.settings[handler].call(this, event);
View compiled
Owl.initialize
node_modules/react-owl-carousel/umd/OwlCarousel.js:578
575 | this.registerEventHandlers();
576 |
577 | this.leave('initializing');
578 | this.trigger('initialized');
| ^ 579 | };
580 |
581 | /**
View compiled
new Owl
node_modules/react-owl-carousel/umd/OwlCarousel.js:219
216 | }, this));
217 |
218 | this.setup();
219 | this.initialize();
| ^ 220 | }
221 |
222 | /**
View compiled
HTMLDivElement.
node_modules/react-owl-carousel/umd/OwlCarousel.js:1766
1763 | data = $this.data('owl.carousel');
1764 |
1765 | if (!data) {
1766 | data = new Owl(this, typeof option == 'object' && option);
| ^ 1767 | $this.data('owl.carousel', data);
1768 |
1769 | $.each([
View compiled
Function.each
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:2:2919
r.fn.init.each
http://localhost:3000/assets/js/jquery-3.2.1.slim.min.js:2:1207
r.fn.init.$.fn.owlCarousel
node_modules/react-owl-carousel/umd/OwlCarousel.js:1761
1758 | $.fn.owlCarousel = function(option) {
1759 | var args = Array.prototype.slice.call(arguments, 1);
1760 |
1761 | return this.each(function() {
| ^ 1762 | var $this = $(this),
1763 | data = $this.data('owl.carousel');
1764 |
View compiled
ReactOwlCarousel.create
node_modules/react-owl-carousel-loop/umd/OwlCarousel.js:3482
3479 | ReactOwlCarousel.prototype.create = function (options) {
3480 | if (!this.$ele)
3481 | throw new Error('OwlCarousel is not created');
3482 | this.$ele.owlCarousel(options || this.options);
| ^ 3483 | };
3484 | ReactOwlCarousel.prototype.destory = function () {
3485 | if (!this.$ele)
View compiled
ReactOwlCarousel.componentDidMount
node_modules/react-owl-carousel-loop/umd/OwlCarousel.js:3438
3435 | }
3436 | ReactOwlCarousel.prototype.componentDidMount = function () {
3437 | this.$ele = $(this.container);
3438 | this.create();
| ^ 3439 | };
3440 | ReactOwlCarousel.prototype.componentWillReceiveProps = function () {
3441 | this.destory();
View compiled
commitLifeCycles
node_modules/react-dom/cjs/react-dom.development.js:19814
19811 | }
19812 | }
19813 |
19814 | instance.componentDidMount();
| ^ 19815 | stopPhaseTimer();
19816 | } else {
19817 | var prevProps = finishedWork.elementType === finishedWork.type ? current.memoizedProps : resolveDefaultProps(finishedWork.type, current.memoizedProps);
View compiled
commitLayoutEffects
node_modules/react-dom/cjs/react-dom.development.js:22803
22800 | if (effectTag & (Update | Callback)) {
22801 | recordEffect();
22802 | var current = nextEffect.alternate;
22803 | commitLifeCycles(root, current, nextEffect);
| ^ 22804 | }
22805 |
22806 | if (effectTag & Ref) {
View compiled
HTMLUnknownElement.callCallback
node_modules/react-dom/cjs/react-dom.development.js:188
185 | window.event = windowEvent;
186 | }
187 |
188 | func.apply(context, funcArgs);
| ^ 189 | didError = false;
190 | } // Create a global error event handler. We use this to capture the value
191 | // that was thrown. It's possible that this error handler will fire more
View compiled
invokeGuardedCallbackDev
node_modules/react-dom/cjs/react-dom.development.js:237
234 | // errors, it will trigger our global error handler.
235 |
236 | evt.initEvent(evtType, false, false);
237 | fakeNode.dispatchEvent(evt);
| ^ 238 |
239 | if (windowEventDescriptor) {
240 | Object.defineProperty(window, 'event', windowEventDescriptor);
View compiled
invokeGuardedCallback
node_modules/react-dom/cjs/react-dom.development.js:292
289 | function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
290 | hasError = false;
291 | caughtError = null;
292 | invokeGuardedCallbackImpl$1.apply(reporter, arguments);
293 | }
294 | /**
295 | * Same as invokeGuardedCallback, but instead of returning an error, it stores
View compiled
commitRootImpl
node_modules/react-dom/cjs/react-dom.development.js:22541
22538 |
22539 | do {
22540 | {
22541 | invokeGuardedCallback(null, commitLayoutEffects, null, root, expirationTime);
| ^ 22542 |
22543 | if (hasCaughtError()) {
22544 | if (!(nextEffect !== null)) {
View compiled
unstable_runWithPriority
node_modules/scheduler/cjs/scheduler.development.js:653
650 | currentPriorityLevel = priorityLevel;
651 |
652 | try {
653 | return eventHandler();
| ^ 654 | } finally {
655 | currentPriorityLevel = previousPriorityLevel;
656 | }
View compiled
runWithPriority$1
node_modules/react-dom/cjs/react-dom.development.js:11039
11036 |
11037 | function runWithPriority$1(reactPriorityLevel, fn) {
11038 | var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
11039 | return Scheduler_runWithPriority(priorityLevel, fn);
11040 | }
11041 | function scheduleCallback(reactPriorityLevel, callback, options) {
11042 | var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
View compiled
commitRoot
node_modules/react-dom/cjs/react-dom.development.js:22381
22378 |
22379 | function commitRoot(root) {
22380 | var renderPriorityLevel = getCurrentPriorityLevel();
22381 | runWithPriority$1(ImmediatePriority, commitRootImpl.bind(null, root, renderPriorityLevel));
22382 | return null;
22383 | }
22384 |
View compiled
finishSyncRender
node_modules/react-dom/cjs/react-dom.development.js:21807
21804 | function finishSyncRender(root) {
21805 | // Set this to null to indicate there's no in-progress render.
21806 | workInProgressRoot = null;
21807 | commitRoot(root);
21808 | }
21809 | function flushDiscreteUpdates() {
21810 | // TODO: Should be able to flush inside batchedUpdates, but not inside act.
View compiled
performSyncWorkOnRoot
node_modules/react-dom/cjs/react-dom.development.js:21793
21790 | stopFinishedWorkLoopTimer();
21791 | root.finishedWork = root.current.alternate;
21792 | root.finishedExpirationTime = expirationTime;
21793 | finishSyncRender(root);
| ^ 21794 | } // Before exiting, make sure there's a callback scheduled for the next
21795 | // pending level.
21796 |
View compiled
scheduleUpdateOnFiber
node_modules/react-dom/cjs/react-dom.development.js:21188
21185 | // root inside of batchedUpdates should be synchronous, but layout updates
21186 | // should be deferred until the end of the batch.
21187 |
21188 | performSyncWorkOnRoot(root);
| ^ 21189 | } else {
21190 | ensureRootIsScheduled(root);
21191 | schedulePendingInteractions(root, expirationTime);
View compiled
updateContainer
node_modules/react-dom/cjs/react-dom.development.js:24373
24370 | }
24371 |
24372 | enqueueUpdate(current$1, update);
24373 | scheduleWork(current$1, expirationTime);
24374 | return expirationTime;
24375 | }
24376 | function getPublicRootInstance(container) {
View compiled
(anonymous function)
node_modules/react-dom/cjs/react-dom.development.js:24758
24755 |
24756 |
24757 | unbatchedUpdates(function () {
24758 | updateContainer(children, fiberRoot, parentComponent, callback);
| ^ 24759 | });
24760 | } else {
24761 | fiberRoot = root._internalRoot;
View compiled
unbatchedUpdates
node_modules/react-dom/cjs/react-dom.development.js:21903
21900 | executionContext |= LegacyUnbatchedContext;
21901 |
21902 | try {
21903 | return fn(a);
| ^ 21904 | } finally {
21905 | executionContext = prevExecutionContext;
21906 |
View compiled
legacyRenderSubtreeIntoContainer
node_modules/react-dom/cjs/react-dom.development.js:24757
24754 | } // Initial mount should not be batched.
24755 |
24756 |
24757 | unbatchedUpdates(function () {
| ^ 24758 | updateContainer(children, fiberRoot, parentComponent, callback);
24759 | });
24760 | } else {
View compiled
render
node_modules/react-dom/cjs/react-dom.development.js:24840
24837 | }
24838 | }
24839 |
24840 | return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
24841 | }
24842 | function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
24843 | if (!isValidContainer(containerNode)) {
View compiled
Module../src/index.js
src/index.js:10
7 | import { Provider } from 'react-redux';
8 | import 'react-toastify/dist/ReactToastify.css';
9 |
10 | ReactDOM.render(
11 | <React.StrictMode>
12 |
13 |
View compiled
webpack_require
/home/ubantu/apponward/ae_lms/aesthetic/webpack/bootstrap:784
781 | };
782 |
783 | // Execute the module function
784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
| ^ 785 |
786 | // Flag the module as loaded
787 | module.l = true;
View compiled
fn
/home/ubantu/apponward/ae_lms/aesthetic/webpack/bootstrap:150
147 | );
148 | hotCurrentParents = [];
149 | }
150 | return webpack_require(request);
| ^ 151 | };
152 | var ObjectFactory = function ObjectFactory(name) {
153 | return {
View compiled
1
http://localhost:3000/static/js/main.chunk.js:30007:18
webpack_require
/home/ubantu/apponward/ae_lms/aesthetic/webpack/bootstrap:784
781 | };
782 |
783 | // Execute the module function
784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
| ^ 785 |
786 | // Flag the module as loaded
787 | module.l = true;
View compiled
checkDeferredModules
/home/ubantu/apponward/ae_lms/aesthetic/webpack/bootstrap:45
42 | }
43 | if(fulfilled) {
44 | deferredModules.splice(i--, 1);
45 | result = webpack_require(webpack_require.s = deferredModule[0]);
| ^ 46 | }
47 | }
48 |
View compiled
Array.webpackJsonpCallback [as push]
/home/ubantu/apponward/ae_lms/aesthetic/webpack/bootstrap:32
29 | deferredModules.push.apply(deferredModules, executeModules || []);
30 |
31 | // run deferred modules when all chunks ready
32 | return checkDeferredModules();
| ^ 33 | };
34 | function checkDeferredModules() {
35 | var result;
View compiled
(anonymous function)
http://localhost:3000/static/js/main.chunk.js:1:65
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error. Click the 'X' or hit ESC to dismiss this message.