小编jon*_*son的帖子

React SSR ReferenceError:文档未定义

我无法呈现 React 服务器端。我总是得到^

参考错误:文档未定义

var root = document.getElementById('root');

我知道节点不理解浏览器文档对象是怎么回事。但我似乎无法修复它。我在 webpack、服务器或 app.js 中做错了什么吗?

这是我的代码

服务器.js

import express from 'express';
import path from 'path';
import React from 'react';
import { renderToString } from 'react-dom/server';
import { StaticRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import configureStore from './src/store/configureStore';
import routes from './src';

const app = express();

app.use(express.static(path.join(__dirname, 'build')));

/**
 * React application route, supports server side rendering.
 */
app.get('/*', function(req, res) {
  // Create a context for <StaticRouter>, which …
Run Code Online (Sandbox Code Playgroud)

node.js reactjs webpack server-rendering react-universal

5
推荐指数
1
解决办法
5808
查看次数

在Typescript中创建React HOC时出现错误

我正在尝试在Typescript中创建和编译React Higer Order组件。

但是我得到一个错误。首先,VSCode对此抱怨

'WrappedComponent' refers to a value, but is being used as a type here.
Run Code Online (Sandbox Code Playgroud)

**并且我的Typescript编译器会引发此错误。**

lib/auth.ts:44:30 - error TS1005: '>' expected.

44     return <WrappedComponent {...this.props} />;
                                ~

lib/auth.ts:44:47 - error TS1109: Expression expected.

44     return <WrappedComponent {...this.props} />;
                                                 ~

lib/auth.ts:44:48 - error TS1109: Expression expected.

44     return <WrappedComponent {...this.props} />;
Run Code Online (Sandbox Code Playgroud)

**这是我下面的React HOC组件的代码**

import * as React from 'react';
import Router from 'next/router';
import { NextContext } from 'next';
import nextCookie from 'next-cookies';
import { MOVED_TEMPORARILY } from …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs

3
推荐指数
1
解决办法
1022
查看次数