我无法呈现 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) 我正在尝试在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)