反应JS服务器端问题

反应JS服务器端问题

本文介绍了反应JS服务器端问题 - 找不到窗口的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

您好我正在尝试在reactJS项目中使用react-rte。我有服务器端渲染,每次我想使用这个包我得到:

Hi I'm trying to use react-rte in my reactJS project. I have server side rendering and every time I want to use this package I get:

return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
                               ^
ReferenceError: window is not defined

我想问题可能是使用isomorphic-tools但我不知道如何将包导入到已经定义窗口的客户端。

I guess the problem might be with isomorphic-tools but I don't know how to defer importing package to the client where window is going to be defined already.

推荐答案

如果你正在进行服务器端渲染,那么全局窗口对象很可能是未定义的,因为这只是客户端会理解的东西。

If you're doing server side rendering, there's a good chance that the global window object is going to be undefined because that is only something the client will understand.

我在这种情况下使用了一种解决方法。这就是我的webpack插件所具有的:

There is a workaround that I am using in this case. This is what I have for my webpack plugin:

new webpack.DefinePlugin({
  'process.env.NODE_ENV': isDevelopment ? '"development"' : '"production"',
  'process.env.BROWSER': JSON.stringify(true),
  __DEV__: isDevelopment
}),

所以我使用 process.env.BROWSER 对我有利,因为它将被定义为 undefined 如果它是服务器端,如果客户端完成渲染,它将是 true

So I use process.env.BROWSER to my advantage because it will be defined as undefined if it is server side, and it will be true if the client side is done rendering.

由于当服务器端没有窗口对象时,一切都停止工作,我们可以添加:

Since everything just stops working when there isn't a window object on the server side we can add this:

const mySpecialWindowFunction = () => {

  /* START HACK */
  if (!process.env.BROWSER) {
    global.window = {}; // Temporarily define window for server-side
  }
  /* END HACK */

  return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
};

这样,你的控制台不会尖叫你并且不会停止服务器端渲染,你现在可以继续光荣的一天!虽然我不得不承认这有点 Hacky ,但它完成了工作,因为我们要做的就是让服务器端渲染出初始的DOM字符串然后让客户端接受结束。

That way, your console won't scream at you and doesn't stop the server side rendering, to which you can now carry on with your glorious day! Although I have to admit that this is a bit Hacky, but it gets the job done because all we want to do is let the server side render out the initial DOM string and then let the client-side take over.

这篇关于反应JS服务器端问题 - 找不到窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-18 12:19