ElemeFE / ElemeFE/element-react

SSR problems

Open
#888 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.8k
Forks
435
PR merge metrics
No merged PRs in 30d

Description

### Description

Hello,
I was trying to use ElementUI with `react-express-views` and when I'm trying to use Button (or any other component) I get an error

### Reproduce Steps

1. Set up express server with `express-react-views`
```js
const express = require('express');
const consoleUtil = require('../util/consoleUtil.js');

const app = express();

app.set('views', __dirname + '/views');
app.set('view-engine', 'jsx');
app.engine('jsx', require('express-react-views').createEngine());

const router = express.Router();
app.use('/', router);

router.get('/', (req, res, next) => {
res.render('main/test.jsx', {
test: 'test text',
title: 'test title'
});
});

app.listen(8080, () => {
consoleUtil.log('Webserver running...')
});
```
2. Make `test.jsx` template in `views` folder
```js
const React = require('react');
const ElementUI = require('element-react');

class TestLayout extends React.Component {
render() {
return (






Hello



);
}
}

module.exports = TestLayout;
```
3. Run the server and go to `localhost:8080`

### Error Trace (if possible)

```js
ReferenceError: document is not defined
at Object. (/home/jas777/Venom/node_modules/element-react/dist/npm/es5/src/table/TableHeader.js:45:17)
at Module._compile (internal/modules/cjs/loader.js:654:30)
at Module._extensions..js (internal/modules/cjs/loader.js:665:10)
at Object.require.extensions.(anonymous function) [as .js] (/home/jas777/Venom/node_modules/babel-register/lib/node.js:152:7)
at Module.load (internal/modules/cjs/loader.js:566:32)
at tryModuleLoad (internal/modules/cjs/loader.js:506:12)
at Function.Module._load (internal/modules/cjs/loader.js:498:3)
at Module.require (internal/modules/cjs/loader.js:598:17)
at require (internal/modules/cjs/helpers.js:11:18)
at Object. (/home/jas777/Venom/node_modules/element-react/dist/npm/es5/src/table/Table.js:37:20)
```

### Solution

No idea

### Additional Information

Any additional information, configuration or data that might be necessary to reproduce the issue.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.