ReactJs lazy when trying to use lazy loading, getting 'window; is not defined error

Question

import React, { Component, lazy, Suspense } from 'react';

// import MyComp from './Components/myComp';
const MyComp = lazy(() => import('./components/myComp'));

500 Internal Server Error Error while loading "~/Content/Scripts/dist/server.js": ReferenceError: 'window' is not defined at Anonymous function (server.js:1:1832) -> …o.p="",o.oe=function(e){throw console.error(e),e};var a=window.webpackJsonp=window.webpackJsonp||[],… at Global code (server.js:1:1)

Sergej Klackovskis · Accepted Answer · 2020-09-15 09:44:26Z

0

You have to use loadable https://github.com/gregberge/loadable-components instead of React.lazy. React.lazy doesn't work when you have server side rendering.

import loadable from '@loadable/component'
// This dynamic import will not be processed server-side
const Other = loadable(() => import('./Other'), { ssr: false })

edited Sep 15, 2020 at 9:44

answered Sep 14, 2020 at 7:00

Sergej Klackovskis

4532 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Povilas Over a year ago

import React from 'react';   import loadable from '@loadable/component';   import Loading from './Loading';    const LoadableComponent = loadable(() => import('./OtherComponent'), {     fallback: <Loading />, });

Still getting same error, also console throws error "Uncaught ReferenceError: jQuery is not defined"

Sergej Klackovskis Over a year ago

I updated the answer, have you added ssr: false? Not sure how jquery is related to it )

Povilas Over a year ago

I do not use ssr

Povilas Over a year ago

I am using react js with asp.net , there is no option ssr in webpack.config.js

Collectives™ on Stack Overflow

ReactJs lazy when trying to use lazy loading, getting 'window; is not defined error

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related